@charset "utf-8";
/*=========== public CSS ===========*/
*,::before,::after{ margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img{ margin:0; padding:0;} 
body{ font-family: 'AlibabaPuHuiTi-2-65-Medium'; color:#333; font-size: 16px; line-height: 26px; margin:0 auto; overflow-x: hidden; background-color:#FFF; }
input,select,textarea,button{ outline:none;} /*去掉默认蓝边框*/
input, button{ border-radius:0; outline:none; border: none; -webkit-appearance:none;} /*清除ios默认圆角*/
input:-ms-clear{ display:none;} /*消除 IE10 里的叉号*/
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; outline:none;}
textarea { resize :none; outline:none; border: none;} /*去掉提交框右下角箭头*/
table{ border-collapse: separate;} /*边线重叠*/
fieldset,img{ max-width: 100%; border:0 none; vertical-align:middle;}
ul,li{list-style:none;}
em,i{ font-style: normal;}
a{ color:#333; text-decoration:none; outline:none; cursor:pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;transform: translate3d(0,0,0);}
a:hover, a:active, a:link, a:visited{ text-decoration:none;}
.clearfix:after{ content:" "; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}
.dn{ display: none;}
.wrap{max-width: 1360px;width: 96%;margin: 0 auto;}

* {-wekit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/* ======================== header ====================== */

.header{position: absolute;z-index: 9999;width: 100%;left: 0;top: 30px;text-align: center;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.header .wrap{/*overflow: hidden;*/background-color: #ffffff;height: 65px;-webkit-box-shadow:0 5px 15px rgba(47,73,137,0.1);-moz-box-shadow:0 5px 15px rgba(47,73,137,0.1);-ms-box-shadow:0 5px 15px rgba(47,73,137,0.1);-o-box-shadow:0 5px 15px rgba(47,73,137,0.1);box-shadow:0 5px 15px rgba(47,73,137,0.1);}
.header .header_wrap{ max-width:1660px; width:96%; height:65px; background-color:#ffffff; box-shadow:0 5px 15px #2f49891a; margin:0 auto;}
.header.fix-head .wrap{max-width: 100%;width: 100%;}
.header.fix-head{top: 0;position: fixed;}
.header .logo{display: block;float: left;/*background-color: #4d7dff;*/background-color: transparent;padding: 0;
    /* width: 65px; */
}
.header .logo img{ height:65px;; }
.header .head-tel{float: right;padding: 13px 0 13px 22px;text-align: left;width: 16%;position: relative;}
.header .head-tel img{float: left;margin-right: 12px;}
.header .head-tel .txt{overflow: hidden;}
.header .head-tel span{display: block;font-size: 14px;color: #666666;line-height: 18px;}
.header .head-tel strong{display: block;color: #333333;font-size: 16px;line-height: 18px;}
.header .head-tel:before{content:'';width: 1px;position: absolute;top: 13px; left: 0;bottom: 13px;background-color: #dcdcdc;}
.header .nav{display: inline-block;padding: 13px 0 13px;}
.header .nav li{float: left;margin: 0 8px;position: relative;}
.header .nav li a{display: block;font-size:22px;line-height: 40px;color: #656565;padding:0px;position: relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.header .nav>li>a:before{content:'';width: 8px;height: 8px;border-radius: 50%;position: absolute;left: 0;top: 16px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;opacity: 0;filter:alpha(opacity=0);}
/* border: 2px solid #ff7534; */
.header .nav li.on a,.header .nav li:hover a{font-weight: bold;color: #333333;}
.header .nav>li.on>a:before,.header .nav li:hover>a:before{opacity: 1;filter:alpha(opacity=100);}

.header .head-btn{float: right;padding: 8px 24px 8px 24px;text-align: left;width: 27%;position: relative;}
.header .head-btn:before{content:'';width: 1px;position: absolute;top: 13px; left: 0;bottom: 13px;background-color: #dcdcdc;}
.head-btn p{display: inline-block;text-align: center;color: #656565;font-size: 16px;line-height: 1.4;}
.head-btn p i{display: block;font-size: 14px;font-weight: bold;}
.head-btn p i strong{color: #f05c34;font-size: 18px;margin: 0 13px;}
.head-btn span{display: inline-block;width: 128px;background-color: #fff;color: #FFF;font-weight: bold;line-height: 48px; -webkit-border-radius: 48px;border-radius: 48px;-webkit-box-shadow: 0 5px 8px rgba(130,40,0,0.2);-moz-box-shadow: 0 5px 8px rgba(130,40,0,0.2);-ms-box-shadow: 0 5px 8px rgba(130,40,0,0.2);-o-box-shadow: 0 5px 8px rgba(130,40,0,0.2);box-shadow: 0 5px 8px rgba(130,40,0,0.2);position: relative;text-align: center;float: right;background: -webkit-linear-gradient(top, #fec7b2 40%,#da511b 60%);background: -moz-linear-gradient(top, #fec7b2 0%, #da511b 100%);background: -ms-linear-gradient(top, #fec7b2 40%,#da511b 60%);background: -o-linear-gradient(top, #fec7b2 40%,#da511b 60%);background: linear-gradient(to bottom, #fec7b2 40%,#da511b 60%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#fec7b2, endColorstr=#da511b, GradientType=0 );z-index: 2;cursor: pointer; }

.head-btn span:before{content: '';position: absolute; left: 4px;top: 4px;right: 4px;bottom: 4px; -webkit-border-radius: 48px;border-radius: 48px;background: -webkit-linear-gradient(top, #ffb390 0%,#ff6d29 100%);background: -moz-linear-gradient(top, #ffb390 0%, #ff6d29 100%);background: -ms-linear-gradient(top, #ffb390 0%,#ff6d29 100%);background: -o-linear-gradient(top, #ffb390 0%,#ff6d29 100%);background: linear-gradient(to bottom, #ffb390 0%,#ff6d29 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffb390, endColorstr=#ff6d29, GradientType=0 );z-index: -1;}
.head-btn span:hover{color: #993407;-webkit-animation-play-state:paused;animation-play-state:paused}
@media(max-width:1400px){
    .header .nav li a{font-size:20px;}
}
@media(max-width:1366px){
    .header .nav li a{font-size:18px;}
}
@media(max-width:1333px){
    .header .nav li a{font-size:16px;}
}

/* ======================== footer ====================== */

.footer{background-color: #1d1e31;}
.footer p{/*text-align: center;*/line-height: 60px;color:#bbbcbf;font-size: 16px;}
.footer p span{display: inline-block;/*margin-left: 12px;*/}
.footer p a{display: inline-block;color:#bbbcbf;margin:0 5px;}
.footer p a:hover{color: #fff;}


/* ======================== index  ====================== */

.index-wrapper{background: url(/images-pc/index-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding: 176px 0 0;position: relative;}
.index-wrapper:after{content: '';width: 50%;height: 120px;background-color: #fff;position: absolute;left: 0;bottom: 0;z-index: 0;}
.index-wrapper .wrap{position: relative;}
.index-slick{height: 480px;overflow: hidden;}
.index-slick .slick-item{overflow: hidden;outline: none;}
.index-slick .text{float: left;width: 50%;text-align: center;color: #fff;margin-top: 86px;}
.index-slick .text .p1{font-size: 22px;color: #ffffff;line-height: 38px;display: inline-block;border:1px solid #4d7dff;padding-left: 18px;margin-bottom: 12px;}
.index-slick .text .p1 span{display: inline-block;background-color: #4d7dff;padding:0 12px;margin-left: 8px;}
.index-slick .text .p2{font-size: 64px;line-height: 74px;letter-spacing: 2px;margin-bottom: 4px;}
.index-slick .text .p3{font-size: 24px;line-height: 34px;margin-bottom: 30px;}
.index-slick .text li{display: inline-block;margin: 0 18px;}
.index-slick .text li span{display: block;font-size: 20px;line-height: 26px;}
.index-slick .text li strong{display: block;font-size: 32px;line-height: 38px;}
.index-slick .text li i{display: inline-block;width: 28px;height: 4px;background-color: #4d7dff;}
.index-slick .text li:nth-child(2) i{background-color: #ff6d28;}
.index-slick .pic{float: right;width: 50%;}
.index-slick .pic img{display: block;width: 100%;}
.slick-item2 .pic{position: relative;margin-left: -8%;width: 58%}


.index-wrapper .qt{height: 120px;width: 50%;margin-top: 52px;position: relative;z-index: 1;}
.index-wrapper .qt .fl{float: left;text-align: center;width: 58%;padding-top: 28px;}
.index-wrapper .qt .fl span{display: block;font-size: 18px;color: #333333;line-height: 28px;}
.index-wrapper .qt .fl p{font-size: 24px;color: #333333;line-height: 34px;}
.index-wrapper .qt .fl p em{color: #ff6d28;font-weight: bold;}
.index-wrapper .qt .zx-btn{width: 42%;font-size: 32px;color: #ffe2cd;font-weight: bold;text-align: center;float: right;line-height: 120px;cursor: pointer;position: relative;z-index: 1;}
.index-wrapper .qt .zx-btn:after{content: ""; position: absolute; left: -7%; right: -5.4%; top: -16%; bottom: -16%; background: url(/images-pc/newsyearzs03.png) no-repeat; background-size: 100% 100%; z-index: -1;}
.index-wrapper .qt .zx-btn:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0; left: 0;right: 0;background: #ff6d28;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.index-wrapper .qt .zx-btn:hover:before{-webkit-transform: scaleY(1);transform: scaleY(1);}


.index-wrapper .paging{width: 47%;background-color: #ffffff;position: absolute;overflow: hidden;right: 0;z-index: 1;bottom: 38px;}
.index-wrapper .item{float: left;width: 33.3%;text-align: center;line-height: 82px;position: relative;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.index-wrapper .item i{display: block;position: absolute;font-size: 40px;font-weight: bold;color: #f0f1f5;left: 0;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;z-index: -1;}
.index-wrapper .item:after{content: '';width: 0;height: 4px;position: absolute;left: 0;top: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;background-color: #ff6d28;}
.index-wrapper .item.on,.index-wrapper .item:hover{color: #333333;font-weight: bold;}
.index-wrapper .item.on i,.index-wrapper .item:hover i{opacity:1;filter:alpha(opacity=100);}
.index-wrapper .item.on:after{width: 100%;}

.index-srcoll{background-color: #f0f1f5;padding:10px 0;}

.str_wrap {overflow:hidden;zoom:1;width:100%;font-size:12px;line-height:16px;position:relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;  background:none;white-space:nowrap;}
.str_wrap.str_active {background:none;}
.str_move { white-space:nowrap;position:absolute; top:0; left:0;cursor:move;}
.str_move_clone {display:inline-block;display:inline;zoom:1;vertical-align:top;position:absolute; left:100%;top:0;}
.str_vertical .str_move_clone {left:0;top:100%;}
.str_down .str_move_clone {left:0;bottom:100%;}
.str_vertical .str_move,.str_down .str_move {white-space:normal;width:100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move{cursor:inherit;}

.index-srcoll .wrap{position: relative;padding-left: 24px}
.index-srcoll .wrap:before{content:'';width: 18px;height: 16px;background: url(/images-pc/index-icon1.png) no-repeat;position: absolute;left: 0;top: 15px;}
.index-srcoll li{ display:inline-block;font-size: 16px;line-height: 50px;margin-right: 30px;}
.index-srcoll li a{display: inline-block;color: #333333;}
.index-srcoll li:hover a{color: #ff6d28;}

.title-h2{text-align: center;position: relative;}
.title-h2 h2,.title-h2 h1{font-size: 44px;color: #333333;line-height: 54px;font-weight: normal;margin-bottom: 2px;}
.title-h2 h1{font-size: 46px;}
.title-h2 h2:before,.title-h2 h2:after,.title-h2 h1:before,.title-h2 h1:after{content:'';width: 48px;height: 16px;display: inline-block;vertical-align: middle;}
.title-h2 h2:before,.title-h2 h1:before{background: url(/images-pc/title-l.png) no-repeat center;margin-right: 20px;}
.title-h2 h2:after,.title-h2 h1:after{background: url(/images-pc/title-r.png) no-repeat center;margin-left: 20px;}
.title-h2 p{font-size: 20px;line-height: 30px;}
.title-h2 h2 a{color: #333333;display: inline-block;}
.title-h2 h2 a:hover{color: #ff6d28;}

.index-wrapper1{padding: 95px 0 30px;}

.btn-a{text-align: center;margin-top: 20px;position: relative;z-index: 1;}
.btn-a span{display: inline-block;font-size: 16px;color: #ffffff;width: 140px;line-height: 44px;background:#4d7dff;background: -moz-linear-gradient(top, #3068ff 0%, #4d7dff 100%);background: -webkit-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -o-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -ms-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: linear-gradient(to bottom, #3068ff 0%,#4d7dff 100%);font-weight: bold;cursor: pointer;}
.btn-a span:hover{background: #3068ff;background: -moz-linear-gradient(top, #4d7dff 0%, #3068ff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#3068ff 100%);}
.index-wrapper1 .img-box{position: relative;max-width:1920px;width: 100%;margin:0 auto;margin-top: -24px;}
.index-wrapper1 .img-box img{width: 100%;}
.img-box .box{position: absolute;left: 50%;}
.img-box .box span{display: block;width: 40px;height: 40px;background-color: #4d7dff;line-height: 40px;text-align: center;font-size:16px;color: #ffffff;font-weight: bold;cursor: pointer;position: relative;}
.img-box .box span:before,.img-box .box span:after{content: '';position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.img-box .box span:before{width: 2px;height: 10px;background-color: #fff;}
.img-box .box span:after{width: 10px;height: 2px;background-color: #fff;}
.img-box .box span.active:before{opacity: 0;filter:alpha(opacity=0);}
.img-box .box1{top: 240px;margin-left: -430px;}
.img-box .box2{top: 132px;margin-left: -142px;}
.img-box .box3{top: 306px;margin-left: 164px;}
.img-box .box4{top: 260px;margin-left: 435px;}
.img-box .box5{bottom: 100px;margin-left: -240px;}
.img-box .box .text{width: 276px;background-color: #fff;padding:25px 30px 16px;position: absolute;-webkit-box-shadow: 0 0 10px #f3f4f6;-moz-box-shadow: 0 0 10px #f3f4f6;-ms-box-shadow: 0 0 10px #f3f4f6;-o-box-shadow: 0 0 10px #f3f4f6;box-shadow: 0 0 10px #f3f4f6;top: 60px;left: -118px;display: none;z-index: 1;}
.img-box .box .text:before{content: '';width: 100%;height: 4px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;top: 0;left:0;}
.img-box .box .text strong{display: block;font-size: 18px;color: #333333;font-weight: bold;line-height: 28px;}
.img-box .box .text p{line-height: 2em;color: #666666;}


.index-pro{padding-bottom: 80px;position: relative;}
.index-pro:after{content:'';width: 100%;height: 830px;/*background-color: #1d1e31;*/background-color: #fff;position: absolute;bottom: 0;left: 0;z-index: -1;}
.hot-pro{margin-top: 30px; margin-bottom: 45px;}
.hot-pro li{float: left;width: 33.2%;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;max-height: 602px;background-color: #fff;}
.hot-pro .col-pro{position: relative;border-bottom: 1px solid #e5e5e5;background-color: #fff;overflow: hidden;}
.hot-pro li:first-child{background:#2f3854;background: -moz-linear-gradient(top, #282e46 0%, #2f3854 100%);background: -webkit-linear-gradient(top, #282e46 0%,#2f3854 100%);background: -o-linear-gradient(top, #282e46 0%,#2f3854 100%);background: -ms-linear-gradient(top, #282e46 0%,#2f3854 100%);background: linear-gradient(to bottom, #282e46 0%,#2f3854 100%);border-bottom: 1px solid #282e46;}
.hot-pro .col-pro img{display: block;width:auto;max-height:300px;margin:auto; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.hot-pro .col-pro .text{position: absolute;width: 100%;top: 25px;left: 0;padding: 0 30px;}
.hot-pro .col-pro .text .tit{display: block;font-size: 28px;color: #333333;font-weight: bold;margin-bottom: 2px;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hot-pro .col-pro .text p{font-size: 18px;color: #4d7dff;font-weight: bold;line-height: 32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hot-pro li.col-pro{width: 33.5%;}
.hot-pro li.col-pro .text .tit{font-size: 28px;color: #ffffff;line-height: 38px;}
.hot-pro li.col-pro .text p{font-size: 18px;color: #ffffff;line-height: 28px;margin-bottom: 25px;}
.hot-pro li.col-pro .text .btn-more{display: inline-block;font-size: 18px;color: #ffffff;font-weight: bold;padding:0 26px;line-height: 44px;background:#4d7dff;background: -moz-linear-gradient(top, #3068ff 0%, #4d7dff 100%);background: -webkit-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -o-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -ms-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: linear-gradient(to bottom, #3068ff 0%,#4d7dff 100%);}
.hot-pro li.col-pro .text .btn-more:hover{background: #3068ff;background: -moz-linear-gradient(top, #4d7dff 0%, #3068ff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#3068ff 100%);}
.hot-pro .col-pro .text .tit:hover{color: #ff6d28;}
/* .hot-pro li .col-pro:hover img{margin-left: 10px;} */

.pro-title{overflow: hidden;margin-bottom: 15px;}
.pro-title h3{color: #ffffff;font-weight: normal;float: left;line-height: 26px;}
.pro-title a{display: block;float: right;color: #fff;line-height: 26px;}
.pro-title a:hover{color: #ff6d28;}

.pro-box .tab-pro {overflow: hidden;margin-bottom: 20px;display: flex;}
.pro-box .tab-pro li{float: left;/*width: 20%;*/flex:1;/*background-color: #343546;*/background-color: #4d7dff;font-size: 20px;color: #b8b9bc;line-height: 50px;text-align: center;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pro-box .tab-pro li.on,.pro-box .tab-pro li:hover{background-color: #4d7dff;color: #fff;font-weight: bold;}

.pro-box .tab-con ul{overflow: hidden;margin-left: -2%;}
.pro-box .tab-con li{float: left;float: left;width: 23%;margin-left: 2%;}
.pro-box .tab-con li .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;}
.pro-box .tab-con li .img img{position: absolute;top: 0; left: 0;width: 100%; height: 100%;display: block;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pro-box .tab-con li .txt{/*background-color: #ffffff;*/background-color: #4d7dff;padding:0 12px;position: relative;}
.pro-box .tab-con li .txt a{display: block;line-height: 56px;color: #fff;position: relative;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;z-index: 1;padding-right: 20px;}
.pro-box .tab-con li .txt i{display: block;font-size: 18px;/*color: #4d7dff;*/color: #fff;position: absolute;right: 0;top: 0;}
.pro-box .tab-con li .txt:after{content:'';width: 4px;position: absolute;left: 0;top: 0;bottom: 0;background-color: #4d7dff;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pro-box .tab-con li .txt:hover:after{width: 100%;}
.pro-box .tab-con li .txt:hover i{color: #fff;}
.pro-box .tab-con li .txt:hover a{color: #fff;}
.pro-box .tab-con li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.index-case{padding-top: 28px;margin-bottom: 80px;background: url(//cdn.xuansiwei.com/wokey3906/1645163208517/shucaibeijing-4.jpg) no-repeat top center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
.index-case li{float: left;}
.index-case li>div{height: 280px;}
.index-case li img{display: block;width: 100%;}
.index-case .col-l,.index-case .col-r{width: 30%;}
.index-case .col-l .title-h2 {padding-top: 78px;box-sizing: border-box;}
.index-case .col-l .title-h2 h2{color: #1b1b1b;font-size: 44px;}
.index-case .col-l .title-h2 h2 a{color: #1b1b1b;}
.index-case .col-l .title-h2 .more{display: inline-block;font-size: 16px;color: #1b1b1b;line-height: 26px;margin-top: 20px;position:static;}
.index-case .col-l .title-h2 h2 a:hover,.index-case .col-l .title-h2 .more:hover{color: #ff6d28;}
.index-case .col-c{width: 40%;}
.index-case li .text{padding:55px 40px 0;/*background-color: #1d1e31;*/background-color: #fff;position: relative;box-sizing: border-box;}
.index-case li .text .tit{font-size: 20px;color: #ffffff;color: #333333;font-weight: bold;line-height: 30px;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 12px;}
.index-case li .text p{color: #ffffff;color: #333333;line-height: 32px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-case li .text .more{display: inline-block;color: #4d7dff;font-size: 16px;line-height: 26px;margin-top: 34px;}
.index-case li .text3 .tit{color: #333333;}
.index-case li .text3 p{color: #666666;}
.index-case li .text.text1{/*background-color: #1d1e31;*/background-color: #fff;}
.index-case li .text.text3{background-color: #fff;}
.index-case li .text.text4{/*background-color: rgba(255, 109, 40, 0.9);*/background-color: #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ff6d28,endColorstr=#E5ff6d28);}
.index-case li .text.text4 .more{color: #fff;color: #333333;}
.index-case li .text .more:hover,.index-case li .text .tit:hover,.index-case li .text3 .tit:hover{color: #ff6d28;}
.index-case li .text.text4 .more:hover,.index-case li .text.text4 .tit:hover{color: #1b1b1b;}
.index-case li .text span{display: block;font-size: 48px;font-family: "Impact";line-height: 58px;position: absolute;color: #ffffff;color: #333333;right: 36px;bottom: -25px;}
.index-case li .text3 span{color: #1d1e31;right: -25px;top: 120px;bottom: auto;}
.index-case li .text4 span{top:-30px;bottom: auto;}
.index-case li .text.text1:after{content:'';width: 46px;height: 23px;background: url(/images-pc/index-arr.png) no-repeat;position: absolute;left: 38px;bottom: -22px;}
.index-case li .text.text2:after{content:'';width: 46px;height: 23px;background: url(/images-pc/index-arr.png) no-repeat;position: absolute;left: 38px;bottom: -22px;}
.index-case li .text.text3:after{content:'';width: 23px;height: 46px;background: url(/images-pc/index-arr2.png) no-repeat;position: absolute;right: -22px;top:48px;}
.index-case li .text.text4:after{content:'';width: 46px;height: 23px;background: url(/images-pc/index-arr1.png) no-repeat;position: absolute;left: 38px;top: -22px;}

.index-goods{position: relative;margin-bottom: 135px;background: url(/images-pc/index-bg2.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding:38px 0 40px;max-width:100%;overflow:hidden;}
.index-goods img{display: block;width: 100%;}

.index-goods .content{width: 53%;background-color: #ffffff;padding:55px 158px 0 40px;height: 173px;border-left:6px solid #4d7dff;position: relative;margin-left: 47%;max-width:100%;}
.index-goods .content strong{display: block;font-size: 32px;color: #333333;line-height: 42px;font-weight: normal;margin-bottom: 6px;}
.index-goods .content p{font-size: 18px;color: #333333;line-height: 28px;}
.index-goods .content .dzfa{display: block;position: absolute;top: 38px;right: 48px;}
.index-goods span{display: block;font-size: 14px;line-height: 24px;padding:0 10px;position: absolute;left: 10px;top: 0;border:1px solid #e8e8e8;background-color: #fff;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.index-goods .content:hover span{opacity: 1;filter:alpha(opacity=100);}

.index-news{margin: 60px 0 60px;}
.index-news .title-h2{margin-bottom: 30px;}
.title-h2 .more{display: block;font-size: 16px;color: #1b1b1b;line-height: 26px;position: absolute;right: 0;bottom: 0;}
.title-h2 .more:hover{color: #ff6d28;}

.news-ul{margin-left: -2%;margin-bottom: 40px;}
.news-ul li{float: left;margin-left: 2%;width: 48%;margin-bottom: 20px;}
.news-ul li .img{width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 36.4%;}
.news-ul li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.news-ul li .img .mark{position: absolute;bottom: -100%; left: 0;width: 100%; height: 100%;background-color: rgba(29, 30, 49, 0.8);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.news-ul li .img .mark a{display: inline-block;font-size: 16px;color: #ffffff;width: 140px;line-height: 44px;background:#4d7dff;background: -moz-linear-gradient(top, #3068ff 0%, #4d7dff 100%);background: -webkit-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -o-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -ms-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: linear-gradient(to bottom, #3068ff 0%,#4d7dff 100%);font-weight: bold;text-align: center;position: absolute;left: 50%;top: 50%;margin: -70px;margin-top: -22px;}
.news-ul li .img .mark a:hover{background: #3068ff;background: -moz-linear-gradient(top, #4d7dff 0%, #3068ff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#3068ff 100%);}
.news-ul li .text{padding:20px 0;position: relative;}
.news-ul li .left{padding-right: 74px;}
.news-ul li .date{width: 74px;background-color: #f0f1f5;text-align: center;padding: 5px 0 5px;position: absolute;right: 0;top: 20px;}
.news-ul li .date em{display: block;font-size: 32px;font-weight: bold;color: #666666;line-height: 42px;}
.news-ul li .date span{display: block;font-size: 14px;color: #666666;line-height: 24px;}
.news-ul li .text .tit{display: block;font-size: 20px;color: #1b1b1b;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 15px;}
.news-ul li .text p{font-size: 16px;color: #666666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-ul li .text p span{display: inline-block;padding:0 14px;line-height: 28px;}
.news-ul li .text p span:nth-of-type(1){background-color: #4d7dff;color: #fff;}
.news-ul li:hover .mark{bottom: 0;}
.news-ul li:hover .text .tit{color: #4d7dff;}

.news-list {margin-left: -3%;}
.news-list li{float: left;width: 47%;margin-left: 3%;font-size: 16px;line-height: 26px;overflow: hidden;margin-bottom: 30px;}
.news-list li a{display: block;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left: 18px;background: url(/images-pc/index-icon2.png) no-repeat left center;}

.news-list li .date{display: block;float: right;color: #666666;margin-left: 30px;}
.news-list li:hover a{padding-left: 25px;color: #4d7dff;}

.index-gird{background: url(/images-pc/index-bg3.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;text-align: center;color: #fff;}
.index-gird h3{font-size: 36px;font-weight: normal;line-height: 74px;position: relative;display: inline-block;}
.index-gird h3:after{content:'';width: 38px;height: 38px;background: url(/images-pc/index-pic1.png) no-repeat;position: absolute;top: 10px;left: -28px;}
.index-gird h3 strong{display: inline-block;font-weight: bold;font-size: 64px;}
.index-gird p{font-size: 20px;line-height: 40px;}

/* ======================== 友情链接  ====================== */

.link-box{ clear: both; overflow: hidden; font-size: 14px; padding: 10px 0; line-height: 30px;}
.link-box span{ float:left;}
.link-box ul{ float:left; width:80%;}
.link-box li{ float:left; margin-left:2%;}
.link-box a{ color:#444;}
.link-box a:hover{ color:#4d7dff}

/* ======================== 商务通  ====================== */

.fixed-right{width: 140px;position: fixed;right: 2px;top:300px;z-index: 9999;}
.fiexd-top{cursor: pointer;}
.fiexd-top img{display: none;width: 100%;}
.fixed-right ul{background-color: #fff;padding:2px;border: 1px solid #5a89ff;}
.fixed-right li{cursor: pointer;margin-bottom: 4px;text-align: center;font-size: 18px;position: relative;}
.fixed-ly,.fixed-tel{background:#2964ff;background: -moz-linear-gradient(left, #44a0ff 0%, #2964ff 100%);background: -webkit-linear-gradient(left, #44a0ff 0%,#2964ff 100%);background: -o-linear-gradient(left, #44a0ff 0%,#2964ff 100%);background: -ms-linear-gradient(left, #44a0ff 0%,#2964ff 100%);background: linear-gradient(to right, #44a0ff 0%,#2964ff 100%);color: #fff;font-weight: bold;line-height: 62px;border-radius: 2px;}
.fixed-ly a{color: #fff;display: block;}
.fixed-tel span{display: block;}
.fixed-ly img,.fixed-tel img{vertical-align: middle;margin-top: -3px;margin-right: 3px;}
.t-top{padding-top: 10px;}
.t-top p{font-size: 14px;color: #333333;line-height: 26px;}

.ewm-box{width: 175px;height:54px;position: absolute;right: 150px;top: 0;display: none;}



/* ======================== 面包屑 ====================== */

.crumbs li{display: inline-block;font-size: 16px;color: #b4b7bf;line-height: 56px;}
.crumbs li a{color: #b4b7bf;display: inline-block;}
.crumbs li a:hover{color: #ff6d28;}
.pro-wrapper .crumbs{position: relative;z-index: 2;}

/* ======================== 产品中心 ====================== */
.pro-top{background: url(/images-pc/1zsj.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 95px;padding-bottom: 451px;}
.pro-top.pro_zs{background: url(//cdn.xuansiwei.com/wokey3906/1669964570799/1231.jpg?x-oss-process=style/small) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.pro-top.pro_ps{background: url(/images-pc/2ps.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.pro-top.pro_mf{background: url(/images-pc/3mf.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.pro-top.pro_xk{background: url(/images-pc/4qmj.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.pro-top.pro_jc{background: url(/images-pc/5hgj.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}


.base-top{margin-top: 78px;}
.base-top strong,.base-top h1{font-size: 40px;font-weight: normal;line-height: 50px;color: #fff;margin-bottom: 10px;display: block;}
.base-top h1{font-weight: bold;}
.base-top p{font-size: 20px;color: #fff;line-height: 40px;margin-bottom: 34px;}
.btn-online{display: inline-block;display: inline-block;font-size: 16px;color: #ffffff;width: 140px;line-height: 44px;background:#4d7dff;font-weight: bold;text-align: center;}
.btn-online:hover{background:#3068ff;}

.pro-tab{background:#4d7dff;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);margin-bottom: 80px;}
.pro-tab li{float: left;width: 20%;cursor: pointer;position: relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pro-tab li a{display: block;padding:35px 0 33px 30px;}
.pro-tab li strong{display: block;font-size: 24px;color: #ffffff;line-height: 34px;margin-bottom: 10px;}
.pro-tab li p{font-size: 16px;color: #ffffff;line-height: 26px;}
.pro-tab li span{display: inline-block;margin-right: 5px;}
.pro-tab li .img{position: absolute;right: 0;top: 50%;margin-top: -47px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pro-tab li.active,.pro-tab li:hover{background-color: rgba(0, 0, 0, 0.6);}
.pro-tab li.active .img,.pro-tab li:hover .img{opacity: 1;filter:alpha(opacity=100);}


.cp-tit{position: relative;margin-bottom: 40px;}
.cp-tit .left{position: relative;padding-left: 68px;}
.cp-tit .left>div{background: url(/images-pc/pro-bg2.png) no-repeat;font-size: 16px;line-height: 42px;}
.cp-tit .left h2{display: inline-block;min-width: 170px;font-size: 24px;color: #ffffff;line-height: 61px;margin-right: 24px;}
.cp-tit .left h2 a{display: block;color: #fff;padding:0 0 0 24px}
.cp-tit .left span{display: block;position: absolute;left: 0;top: -8px;}
.cp-tit .left h2 a:hover{color: #ff6d28;}
.cp-tit .see-all{display: block;font-size: 16px;color: #333333;line-height: 42px;position: absolute;right: 20px;top: 10px;}
.cp-tit .see-all i{color: #ff6d28;}
.cp-tit .see-all:hover{color: #ff6d28;}

.cp-lists{margin-bottom: 50px;}
.pro-ul{overflow: hidden;margin-left: -1%;}
.pro-ul li{float: left;width: 24%;margin-left: 1%;margin-bottom: 35px;display:block;}
.pro-ul li .pro-pic{width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;}
.pro-ul li .pro-pic img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.pro-ul li .pro-tit {text-align: center;}
.pro-ul li .pro-tit i{display: inline-block;width: 80px;height: 4px;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pro-ul li .pro-tit a{display: block;font-size: 20px;color: #333333;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-ul li .text{position: absolute;top: 100%; left: 0;width: 100%; height: 100%;background-color: rgba(29,30,49,0.8);padding: 68px 10px 0;text-align: center;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;overflow: hidden;}
.pro-ul li .text .con{display: inline-block;text-align: left;}
.pro-ul li .text p{font-size: 16px;color: #ffffff;line-height: 26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 5px;display: block;}
.pro-ul li .text .btn-online{margin-top: 10px;}
.pro-ul li:hover .pro-tit i{width: 100%;}
.pro-ul li:hover .pro-tit a{color: #ff6d28;}
.pro-ul li:hover .text{top: 0;}

/* ======================== 产品列表 ====================== */

.pro-tel{margin:-38px 110px 40px;font-size: 18px;color: #1d1e31;line-height: 48px;-webkit-box-shadow:0 5px 10px rgba(0,5,76,0.15);-moz-box-shadow:0 5px 10px rgba(0,5,76,0.15);-ms-box-shadow:0 5px 10px rgba(0,5,76,0.15);-o-box-shadow:0 5px 10px rgba(0,5,76,0.15);box-shadow:0 5px 10px rgba(0,5,76,0.15);padding-left: 18px;position: relative;overflow: hidden;}
.pro-tel span{display: inline-block;}
.pro-tel span.on1{margin-left: 40px;}
.pro-tel span.on1 em{font-weight: bold;color: #ff6d28;}
.pro-tel span.tel{color: #fff;padding:0 20px;background-color: #4879ff;float: right;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;position: relative;z-index: 1;}
.pro-tel span.tel:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0; left: 0;right: 0;background: #ff6d28;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.pro-tel span.tel:hover:before{-webkit-transform: scaleY(1);transform: scaleY(1);}


/* ======================== 页码 ====================== */

.pager-box{text-align: center;margin-bottom: 80px;position: relative;}
.pager-box>ul li{display: inline-block;font-size: 16px;color: #666666;width: 40px;height: 40px;line-height: 34px;margin:0 10px;}
.pager-box>ul li a,.pager-box>ul li span{display: block;color: #666666;border:3px solid transparent;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pager-box>ul li.btn{background-color: #f0f1f5;width: auto;margin: 0 1px;}
.pager-box>ul li.btn a{display: block;color: #333333;padding:0 20px;}
.pager-box>ul li.btn span{display: block;color: #999999;border:3px solid transparent;padding:0 20px;}
.pager-box>ul li.on span,.pager-box>ul li a:hover {color: #4d7dff;border-color: #4d7dff;}
.pager-box>ul li.btn:hover a{border-color: #4d7dff;}
.pager-box>ul li.btn-page span{cursor: pointer;color: #333333;}

.t-pager{position: absolute;overflow-y: scroll;width: 97%;height: 254px;background-color: #fff;-webkit-box-shadow: 0 10px 30px rgba(0,35,107,0.1);-moz-box-shadow: 0 10px 30px rgba(0,35,107,0.1);-ms-box-shadow: 0 10px 30px rgba(0,35,107,0.1);-o-box-shadow: 0 10px 30px rgba(0,35,107,0.1);box-shadow: 0 10px 30px rgba(0,35,107,0.1);bottom: 80px;left: 20px;border: 1px solid #dae4ff;padding:28px 0;z-index: 9999;display: none;}
.t-pager ul{overflow: hidden;}
.t-pager li{float: left;width: 6.6%;text-align: center;margin-bottom: 16px;}
.t-pager li a{display: inline-block;width: 36px;height: 36px;line-height: 36px;border-radius: 50%;}
.t-pager li a:hover,.t-pager li.on a{background-color: #4d7dff;color: #fff;}


/* ======================== 产品内页 ====================== */

.pro-wrapper{padding-top: 94px;position: relative;padding-bottom: 66px;}
.pro-wrapper:after{content:'';width: 700px;position: absolute;top: 0; left: 0;bottom: 0;background: url(/images-pc/cp-bg.jpg) no-repeat;z-index: 1;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.pro-inner{margin-top: 12px;}
.pro-inner .col-img{float: left;width: 56%;position: relative;z-index: 2;}
.pro-inner .col-img .img img{display: block;width: 100%;}
.pro-inner .col-img span{display: block;position: absolute;right: -1px;top: 12px;font-size: 16px;color: #ffffff;line-height: 34px;background-color: #3bb985;padding:0 12px;}
.pro-inner .col-img span img{vertical-align: middle;margin-top: -4px;margin-right: 5px;}
.pro-inner .col-img p{font-size: 16px;color: #ffffff;line-height: 42px;margin-top: 8px;}
.pro-inner .col-text{float: right;width: 44%;padding-left: 38px;margin-top: 6px;}
.pro-inner .col-text h1{font-size: 38px;color: #333333;line-height: 48px;margin-bottom: 28px;}
.pro-inner .col-text .info{font-size: 20px;color: #666666;padding-left: 30px;position: relative;}
.pro-inner .col-text .info strong{color: #333333;}
.pro-inner .col-text .info:nth-of-type(1){margin-bottom: 35px;}
.pro-inner .col-text .info:nth-of-type(2){margin-bottom: 32px;}
.pro-inner .col-text .info:after{content:'';width: 22px;height: 31px;background: url(/images-pc/cp-icon1.png) no-repeat;position: absolute;left: 0;top: -7px;}
.pro-inner .col-text .info:nth-of-type(2):after{background: url(/images-pc/cp-icon2.png) no-repeat;}
.pro-inner .col-text .base-p {margin-bottom: 10px;}
.pro-inner .col-text .base-p strong{display: block;font-size: 16px;color: #333333;line-height: 26px;}
.pro-inner .col-text .base-p p{font-size: 16px;color: #333333;line-height: 24px;}
.pro-inner .col-text ul{margin-top: 84px;}
.pro-inner .col-text li{float: left;}
.col-text .get-price{display: block;background-color: #4375ff;width: 200px;height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #ffffff;font-weight: bold;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-webkit-box-shadow: 0 5px 13px rgba(0,6,118,0.3);-moz-box-shadow: 0 5px 13px rgba(0,6,118,0.3);-ms-box-shadow: 0 5px 13px rgba(0,6,118,0.3);-o-box-shadow: 0 5px 13px rgba(0,6,118,0.3);box-shadow: 0 5px 13px rgba(0,6,118,0.3);}
.col-text .get-price img{vertical-align: middle;margin-top: -2px;}
.col-text .get-price:hover{border-radius: 25px;}
.btn-year{display: block;margin-top: -20px;cursor: pointer;}
.col-text .get-tel{margin-left: 20px;}
.col-text .get-tel span{display: block;font-size: 16px;color: #666666;line-height: 26px;}
.col-text .get-tel strong{display: block;font-size: 20px;color: #4e7eff;}
.col-text .get-qt{margin-left: 24px;}
.col-text .get-qt>div{display: inline-block;}
.col-text .get-qt span{display: block;font-size: 16px;color: #ff6d28;line-height: 26px;}
.col-text .get-qt strong{display: block;font-size: 20px;color: #ff6d28;line-height: 23px;}
.col-text .get-qt img{vertical-align: middle;margin-top: -28px;}

.detail-nav{position: absolute;width:100%;position: absolute;right: 0;bottom:0;padding-right: 10%;background-color: #f0f1f5;}
.detail-nav ul{overflow: hidden;padding-left: 39%;}
.detail-nav li{float: left;width: 20%;text-align: center;}
.detail-nav li a{display: block;font-size: 16px;color: #3a3c62;line-height: 76px;}
.detail-nav li:hover a{color: #ff6d28;}

.main-content{margin-top: 50px;margin-bottom: 50px;}
.main-content .show-left{float: left;width: 60%;}
.main-content .side-bar{float: right;width: 25%;}
.main-content p{font-size: 16px;color: #333;line-height: 2em;margin-bottom: 26px;}
.main-content .show-left>p a{display: inline-block;color: #DA251D;cursor: pointer;margin:0 5px;}
.main-content p img,.main-content p video{height: auto;max-width: 100%;}
.main-content p.ms{font-size: 16px;color: #666!important;line-height: 1.5;padding:0 10px 10px;margin-top: -10px;position: relative;margin-bottom: 15px;}
.main-content p.ms:after{content:'';width: 60px;height: 1px;background-color: #ff6d28;position: absolute;left: 50%;margin-left: -2em;bottom: 0;}
.main-content h2,.main-content h3{font-size: 30px;color: #2d2f4c;line-height: 40px;font-weight: normal;padding-left: 16px;margin: 16px 0 28px;position: relative;}
.main-content h2:before,.main-content h3:before{content:'';width: 7px;height: 40px;background: url(/images-pc/cp-h2.png) no-repeat;position: absolute;left: 0;top: 0;}
.main-content .show-left table {margin-bottom: 20px;}
.main-content .show-left table td{padding: 5px 2px;word-break: break-all;}



.pro-trait{padding-left: 5px;}
.pro-trait li{position: relative;border:1px solid #f0f1f5;padding:4px 34px 1px 42px;margin-bottom: 25px;}
.pro-trait li strong{display: block;font-size: 20px;line-height: 30px;color: #1d1e31;margin-bottom: 8px;}
.pro-trait li span{display: block;width: 40px;height: 40px;background:#57a6ff;background: -moz-linear-gradient(90deg, #4d7dff 0%, #57a6ff 100%);background: -webkit-linear-gradient(90deg, #4d7dff 0%,#57a6ff 100%);background: -o-linear-gradient(90deg, #4d7dff 0%,#57a6ff 100%);background: -ms-linear-gradient(90deg, #4d7dff 0%,#57a6ff 100%);background: linear-gradient(90deg, #4d7dff 0%,#57a6ff 100%);font-size: 24px;color: #ffffff;font-weight: bold;line-height: 40px;text-align: center;position: absolute;top: -5px;left: -5px;}


.data-list li {display: inline-block;margin-right:14px;margin-bottom: 20px;}
.data-list li span{display: block;line-height: 36px;border: 1px solid transparent;padding: 0 20px;color: #666;cursor: pointer;position: relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.data-list li span:before,.data-list li span:after{content:'';width: 2px;height: 16px;background-color: transparent;position: absolute;top: 10px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.data-list li span:before{left: 0;}
.data-list li span:after{right: 0;}
.data-list li.on span,.data-list li:hover span{border-color: #4d7dff;font-weight: bold;color: #333;}
.data-list li.on span:before,.data-list li.on span:after,.data-list li:hover span:before,.data-list li:hover span:after{background-color: #ff6d28;}

.data-box table{width: 100%;margin-bottom: 20px;} 
.data-box table td{padding: 5px 2px;word-break: break-all;}

.pro-side .side-pro{background-color: #eceef5;margin-bottom: 40px;}
.pro-side strong{display: block;font-size: 20px;line-height: 56px;padding-bottom: 10px;background: url(/images-pc/cp-bg.png) no-repeat top center;text-align: center;color: #fff;font-weight: normal;margin-bottom: 30px;}
.pro-side .re-pro{padding:0 20px 1px;}

.re-pro li{background-color: #ffffff;border-radius: 4px;margin-bottom: 20px;-webkit-box-shadow: 0 0 10px rgba(0,6,23,0.1);-moz-box-shadow: 0 0 10px rgba(0,6,23,0.1);-ms-box-shadow: 0 0 10px rgba(0,6,23,0.1);-o-box-shadow: 0 0 10px rgba(0,6,23,0.1);box-shadow: 0 0 10px rgba(0,6,23,0.1);}
.re-pro li .img {display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;}
.re-pro li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.re-pro li .tit{display: block;font-size: 18px;color: #3a3d63;line-height: 50px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;position: relative;z-index: 1;}
.re-pro li .tit:before{content: '';width: 100%;height: 2px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;left: 0;top: 0;z-index: -1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.re-pro li:hover .tit:before{height: 100%;}
.re-pro li:hover .tit{color: #fff;}
.re-pro li:hover .img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.pro-side .side-more{background-color: #eceef5;}
.pro-side ul{padding:0 20px 1px;}
.pro-side li{text-align: center;margin-bottom: 20px;}
.pro-side li a{display: block;font-size: 20px;color: #3a3d63;line-height: 60px;background-color: #ffffff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-side li:hover a{background-color: #4d7dff;color: #fff;}

.answer-box{background-color: #eceef5;padding-bottom: 28px;margin-bottom: 40px;}
.question-list li{padding: 24px 16px;background-color: #fff;margin-bottom: 20px;position: relative;}
.question-list li:after{content:'';width: 100%;height: 2px;background: #ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;left: 0;bottom: 0;}
.question-list li p{position: relative;padding-left: 32px;text-align: left;margin-bottom: 0;font-size: 18px;color: #999999;line-height: 30px;}
.question-list li p.one{font-weight: bold;color: #46476f;margin-bottom: 8px;}
.question-list li p i{display: block;width: 20px;height: 20px;font-size: 16px;color: #fff;background-color: #4d7eff;text-align: center;line-height: 20px;position: absolute;left: 0;top: 4px;}
.question-list li p.two{font-size: 16px;}
.question-list li p.two i{background-color: #ff6d28;}
.answer-box .btn-see{padding:0 20px;margin-top: 10px;}
.answer-box .btn-see a{display: block;font-size:20px;color: #3a3d63;background-color: #fff;line-height: 60px;text-align: center;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.answer-box .btn-see a:hover{background-color: #ff6d28;color: #fff;}

.hor-line{width: 100%;height: 20px;background-color: #f0f1f5;}

.re-case{margin:62px 0;}
.re-tit{position: relative;margin-bottom: 20px;}
.re-tit strong{display: block;font-size: 28px;color: #333333;line-height: 38px;padding-left: 42px;font-weight: normal;}
.re-tit .more{display: block;color: #333333;line-height: 28px;font-size: 16px;position: absolute;right: 0;bottom: 0;}
.re-tit .more i{color: #ff6d28;}
.re-tit .more:hover{color: #ff6d28;}
.re-case .re-tit strong{background: url(/images-pc/re-icon.png) no-repeat left center;}
.re-news .re-tit strong{background: url(/images-pc/re-icon1.png) no-repeat left center;}


.case-ul li{float: left;width: 50%;overflow: hidden;}
.case-ul li .pic{display: block;float: left;width: 51%;}
.case-ul li .text{float: right;width: 49%;padding:0 80px 0 20px;margin-top: 20px;}
.case-ul li .text .tit{display: block;font-size: 20px;color: #333333;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: bold;margin-bottom: 14px;}
.case-ul li .text p{color: #666666;font-size: 16px;line-height: 2em;}
.case-ul li .text p.info{display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 30px;height: 64px;}
.case-ul li .text .see-more{font-size: 18px;color: #4d7dff;line-height: 28px;display: inline-block;}
.case-ul li .text .see-more:hover,.case-ul li .text .tit:hover{color: #ff6d28;}

.re-news{padding:55px 0 22px;}


.main-content a[name]{padding-top: 70px;margin-top: -70px;}



/* ======================== 留言版 ====================== */

.show-msg{padding:80px 0 44px;background:#1d1e31;background: -moz-linear-gradient(90deg, #2b334e 0%, #1d1e31 100%);background: -webkit-linear-gradient(90deg, #2b334e 0%,#1d1e31 100%);background: -o-linear-gradient(90deg, #2b334e 0%,#1d1e31 100%);background: -ms-linear-gradient(90deg, #2b334e 0%,#1d1e31 100%);background: linear-gradient(90deg, #2b334e 0%,#1d1e31 100%);}
.show-msg .wrap{position: relative;}
.show-msg .wrap:after{content: '';width: 274px;height: 576px;background: url(/images-pc/msg-kf1.png) no-repeat;right: 0;bottom: 0px;position: absolute;z-index: 2;}
.msg-top{overflow: hidden;background: url(/images-pc/msg-bg.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 10px 10px 0 0;color: #fff;padding:25px 0 22px;}
.msg-top .col-l{float: left;padding-left: 32px;width: 50%;}
.msg-top .col-l strong{display: block;font-size: 32px;line-height: 42px;}
.msg-top .col-l p{line-height: 26px;}
.msg-top .col-r{float: right;padding-right: 18%;margin-top: 8px;text-align: right;}
.msg-top .col-r p{font-size: 18px;line-height: 28px;}
.msg-top .col-r strong{font-size: 24px;line-height: 34px;}

.msg-content{background-color: #ffffff;padding-bottom: 44px;overflow: hidden;}
.msg-content .col-l{float: left;width: 47%;padding:30px 30px 0;}
.msg-content .col-l ul{overflow: hidden;margin-left: -3%;}
.msg-content .col-l li{float: left;width: 47%;margin-left: 3%;background-color: #f0f1f5;margin-bottom: 20px;padding:10px;position: relative;}
.msg-content .col-l li input,.msg-content .col-l li textarea{background-color: transparent;width: 100%;font-size: 16px;color: #999999;line-height: 36px; font-family: 'AlibabaPuHuiTi-2-65-Medium';}
.msg-content .col-l li input{padding-left: 30px;padding-right: 16px;height: 36px;}
.msg-content .col-l li img{position: absolute;left: 20px;top: 20px;}
.msg-content .col-l li.msg-area{width: 97%;}
.msg-content .col-l li textarea{height: 134px;}
.msg-content .col-l li i{position: absolute;font-size: 16px;color: #ff0000;top: 16px;right: 20px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999; font-family: 'AlibabaPuHuiTi-2-65-Medium';}
input:-moz-placeholder, textarea:-moz-placeholder {color: #999; font-family: 'AlibabaPuHuiTi-2-65-Medium';}
input::-moz-placeholder, textarea::-moz-placeholder {color: #999; font-family: 'AlibabaPuHuiTi-2-65-Medium';}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999; font-family: 'AlibabaPuHuiTi-2-65-Medium';}  
input:-webkit-autofill{-webkit-text-fill-color: #999999;-webkit-box-shadow: 0 0 0px 1000px #f0f1f5 inset !important;box-shadow: 0 0 0px 1000px #f0f1f5 inset !important;}

.msg-btn{position: relative;}
.msg-btn p{font-size:18px;color:#424570;line-height: 48px;padding-left: 28px;}
.msg-btn input{width: 200px;height: 48px;line-height: 48px;text-align: center;font-size: 18px;color: #ffffff;background-color: #4375ff;border-radius: 4px;position: absolute;right: 0;top: 0;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.msg-btn input:hover{background-color: #ff6d28;}
.msg-content .col-r{float: right;width: 53%;padding-left: 30px;padding-right: 20%;position: relative;z-index: 1;margin-top: 44px;}
.msg-content .col-r strong{display: block;font-size: 32px;color: #4c5081;font-weight: normal;line-height: 56px;margin-bottom: 34px;}
.msg-content .col-r strong em{font-size: 32px;font-weight: bold;font-style: normal;}
.msg-content .col-r .row{overflow: hidden;margin-bottom: 22px;}
.msg-content .col-r .row span{float: left;font-size: 20px;line-height: 30px;color: #4c5081;padding-left: 16px;position: relative;width: 50%;margin-bottom: 25px;}
.msg-content .col-r .row span:before{content: '';width: 8px;height: 8px;border-radius: 50%;border:2px solid #ff6d28;position: absolute;left: 0;top: 12px;}
.msg-content .col-r:after{content: '';width: 528px;height: 163px;background: url(/images-pc/msg-hxjq.png) no-repeat;position: absolute;left: 10px;bottom: -80px;z-index: -1;}



/* ======================== 案例中心 ====================== */

.case-top{background: url(/images-pc/case-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 95px;padding-bottom: 106px;}

.case-tab{background: #666778;padding: 10px 0;margin-bottom: 40px;}
.case-tab ul{margin-left: -5px;margin-right: -5px;}
.case-tab li{float: left;width: 20%;padding:0 5px;text-align: center;}
.case-tab li a{display: block;font-size: 18px;color: #333333;line-height: 60px;background: #ffffff;}
.case-tab li.active a,.case-tab li:hover a{background: url(/images-pc/cast-bg.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;color: #fff;font-weight: bold;}

.case-tel{margin-top: 0;margin-bottom: 64px;}
.case-tel i{color: #4d7dff;font-weight: bold;}
.pro-tel.case-tel span.on1{float: right;margin-left: 0;margin-right: 28px;}

.case-lists ul{margin-left: -3.33%;}
.case-lists li{width: 30%;margin-left: 3.33%;float: left;margin-bottom: 60px;}
.case-lists li .tit{padding-right: 38px;}
.case-lists li .tit a{display: block;background-color: #fff;font-size: 24px;color: #333333;font-weight: bold;line-height: 50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:15px 10px 15px 30px;-webkit-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-moz-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-ms-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-o-box-shadow: 0 5px 20px rgba(0,6,76,0.1);box-shadow: 0 5px 20px rgba(0,6,76,0.1);position: relative;z-index: 1;}
.case-lists li .tit a:before{content:'';width: 10px;position: absolute;top: 0; left: 0;bottom: 0;background:#ff6d28;background: -moz-linear-gradient(top, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to bottom, #4d7dff 0%,#ff6d28 100%);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.case-lists li .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;}
.case-lists li .img img{position: absolute;top: 0; left: 0;width: 100%; height: 100%;display: block;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.case-lists li .text{padding-right: 38px;}
.case-lists li .con{background-color: #fff;-webkit-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-moz-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-ms-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-o-box-shadow: 0 5px 20px rgba(0,6,76,0.1);box-shadow: 0 5px 20px rgba(0,6,76,0.1);padding:25px 24px 52px 28px;box-sizing: border-box;position: relative;}
.case-lists li .con p{font-size: 16px;color: #333333;line-height: 1.625em;margin-bottom: 10px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 56px;}
.case-lists li .con p sup{vertical-align: top;position: relative;top: -4px;}
.case-lists li .con p:first-child{height: auto}
.case-lists li .con a{display: block;position: absolute;background:#4d7dff;background: -moz-linear-gradient(top, #4d7dff 0%, #4d7dff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#4d7dff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#4d7dff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#4d7dff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#4d7dff 100%);right: 0;bottom: 0;padding: 18px 7px 18px 9px;}
.case-lists li .con a img{display: block;width: 100%;}
.case-lists li .con a:hover{background:#ff6d28;background: -moz-linear-gradient(top, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to bottom, #4d7dff 0%,#ff6d28 100%);}
.case-lists li .tit:hover a:before{width: 100%;z-index: -1;}
.case-lists li .tit:hover a{color: #fff;}
.case-lists li:hover .img  img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}


/* ======================== 案例内页 ====================== */

.case-wrapper{background:#2b334e;background: -moz-linear-gradient(top, #1d1e31 0%, #2b334e 100%);background: -webkit-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -o-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -ms-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: linear-gradient(to bottom, #1d1e31 0%,#2b334e 100%);}
.crumbs-box{position: absolute;top: 94px;left: 0;width: 100%;z-index: 2;}

.case-wrapper{padding-right: 29.05%;position: relative;}
.case-wrapper .pic{position: relative;}
.case-wrapper .pic img{display: block;width: 100%;}
.case-wrapper .pic:before{content: '';width: 100%;height: 252px;background: url(/images-pc/case-bg1.png) no-repeat;position: absolute;left: 0;top: 0;right: 0;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}

.case-wrapper .case-lc{width: 210px;background: url(/images-pc/case-bg2.png) no-repeat;position: absolute;right: 16%;top: 135px;text-align: center;color: #fff;padding-top: 20px;}
.case-wrapper .case-lc strong{display: block;font-size: 20px;line-height: 30px;margin-bottom: 20px;}
.case-wrapper .case-lc ul{padding:0 18px;}
.case-wrapper .case-lc li{margin-bottom: 25px;position: relative;border:4px solid rgba(255, 255, 255, 0.1);border-radius: 26px;}
.case-wrapper .case-lc li p{font-size: 16px;line-height: 44px;}
.case-wrapper .case-lc li span{position: absolute;width: 28px;font-size: 16px;font-weight: bold;color: #ff6d28;line-height: 26px;background: #282f48;left: 50%;top: -15px;margin-left: -14px;}
.case-wrapper .case-lc li:after{content:'';width: 25px;height: 5px;background: url(/images-pc/case-arr.png) no-repeat;position: absolute;left: 50%;bottom: -5px;margin-left: -14px;}

.case-mian{position: absolute;width: 100%;left: 0;bottom: 0;}

.con-ul{float: left;width: 79.3%;background-color: #ffffff;overflow: hidden;padding: 10px 0;}
.con-ul li{float: left;}
.con-ul li.case-h{width: 49%;padding:30px 0;}
.con-ul li.case-h h1{font-size: 34px;line-height: 42px;color: #333333;padding-left: 40px;}
.con-ul li.case-le{padding:9px 0;} 


.con-ul li.info{width: 25.5%;border-left: 1px solid #dedede;padding:20px 0;padding-left: 42px;}
.con-ul li.info p{font-size: 20px;line-height: 30px;position: relative;}
.con-ul li.info strong{display: block;font-size: 20px;line-height: 30px;}
.con-ul li.info p:before{content: '';width: 24px;height: 24px;background: url(/images-pc/case-y.png) no-repeat;position: absolute;left: -12px;top: -8px;}
.con-ul li:nth-of-type(3) p:before{background: url(/images-pc/case-y1.png) no-repeat;}

.btn-price{float: right;width: 20.7%;background-color: #4c7dff;padding:31px 40px;color: #fff;cursor: pointer;position: relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;z-index: 1;}
.btn-price strong{display: block;font-size: 20px;line-height: 30px;}
.btn-price span{display: block;font-size: 20px;line-height: 30px;}
.btn-price:after{content: '';width: 33px;height: 35px;background: url(/images-pc/case-btn.png) no-repeat;position: absolute;right: 44px;top: 46px;}
.btn-price:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0; left: 0;right: 0;background: #ff6d28;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.btn-price:hover:before{-webkit-transform: scaleY(1);transform: scaleY(1);}


.case-qt{background-color: #f0f1f5;padding:16px 0 10px;}
.case-qt .wrap{position: relative;}
.case-qt p{line-height: 30px;padding-right: 290px;}
.case-qt .get-qt{position: absolute;right: 68px;top: 0;}
.case-qt .get-qt>div{display: inline-block;}
.case-qt .get-qt span{display: block;font-size: 16px;color: #ff6d28;line-height: 26px;}
.case-qt .get-qt strong{display: block;font-size: 20px;color: #ff6d28;line-height: 23px;}
.case-qt .get-qt img{vertical-align: middle;margin-top: -28px;}


.case-table{margin-bottom: 20px;border-right: 1px solid #DEDFE0;border-bottom: 1px solid #DEDFE0;background-color: #FFF;}
.case-table td{border-top: 1px solid #DEDFE0;border-left: 1px solid #DEDFE0;padding: 10px 8px!important;font-size: 16px;line-height: 24px;word-break: break-all;text-align: center;} 
.case-table tr.table-name td{color: #FFF;font-size: 17px;}
.case-table tr:nth-child(odd){background-color: #FFF8E8;}
.case-table tr:nth-child(even){background-color: #FFF;}
.case-table tr.table-name{background-color: #7896DE}



/* ======================== 新闻中心 ====================== */

.new-top{background: url(/images-pc/new-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 95px;padding-bottom: 40px;}

.base-new{text-align: center;margin-top: 72px;}
.base-new h1{font-size: 40px;color: #ffffff;line-height: 50px;font-weight: normal;margin-bottom: 112px;}
.base-new .show{padding: 18px 40px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);display: inline-block;color: #fff;line-height: 40px;}
.base-new .show span{display: inline-block;font-size: 16px;}
.base-new .show strong{display: inline-block;font-size: 24px;margin-right: 24px;}
.base-new .show em{display: inline-block;font-size: 18px;font-weight: bold;margin-right: 34px;}
.base-new .show .line-a{display: inline-block;width: 124px;background-color: #fff;color: #fd6d2a;border-radius: 4px;-webkit-box-shadow: 0 12px 10px rgba(130,40,0,0.3);-moz-box-shadow: 0 12px 10px rgba(130,40,0,0.3);-ms-box-shadow: 0 12px 10px rgba(130,40,0,0.3);-o-box-shadow: 0 12px 10px rgba(130,40,0,0.3);box-shadow: 0 12px 10px rgba(130,40,0,0.3);position: relative;}
.base-new .show .line-a:after{content: '';width: 72px;height: 75px;background: url(/images-pc/new-kf.png) no-repeat;position: absolute;left: 26px;top: -75px;}
.base-new .show .line-a:hover{background-color: #4d7dff;color: #fff;}


.new-title{position: relative;margin-bottom: 30px;}
.new-title h2{display: inline-block;font-size: 36px;color: #333;line-height: 46px;font-weight: normal;padding-right: 16px;position: relative;}
.new-title h2 a{color: #333;display: block;}
.new-title h2:after{content: '';width: 1px;height: 30px;background-color: #d3d3d4;position: absolute;top: 8px;right: 0;}
.new-title span{display: inline-block;font-size: 20px;line-height: 32px;color: #333;padding-left: 14px;}
.new-title .more{display: block;position: absolute;right: 0;color: #333333;font-size: 16px;line-height: 26px;bottom: 4px;}
.new-title .more i{color: #ff6d28;}
.new-title .more:hover{color: #ff6d28;}
.new-title h2:hover a{color: #ff6d28;}


.news-box{margin-top: 90px;position: relative;}
.news-box:before{content:'';max-width: 1816px;width: 100%;height: 236px;background: url(/images-pc/new-wz.png) no-repeat;position: absolute;left: 0;top: -40px;right: 0;margin: auto;z-index: -1;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}

.hot-news{overflow: hidden;margin-bottom: 75px;}
.hot-news .new-l{float: left;width: 50%;}
.hot-news .new-l .pic{position: relative;}
.hot-news .new-l .pic img{display: block;width: 100%;}
.hot-news .new-l p{position: absolute;right: 20px;top: 24px;font-size: 16px;color: #fff;}
.hot-news .new-l p span{display: inline-block;margin-right: 10px;}
.hot-news .new-l p span:nth-of-type(1){padding:0 14px;background-color: #4e7dfe;}
.hot-news .new-ul{float: right;width: 47.5%;}
.hot-news .new-ul li{background-color: #f0f1f5;margin-bottom: 20px;padding:35px 30px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.hot-news .new-ul li .tit{display: block;font-size: 20px;color: #43485d;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hot-news .new-ul li .text{display: none;}
.hot-news .new-ul li.on .text{display: block;color: #fff;position: relative;}
.hot-news .new-ul li.on {padding:22px 30px 15px;background-color: #4e7dfe;}
.hot-news .new-ul li.on .tit{color: #fff;margin-bottom: 9px;}
.hot-news .new-ul li.on p{font-size: 16px;line-height: 30px;margin-bottom: 18px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 60px;}
.hot-news .new-ul li.on span{display: inline-block;font-size: 16px;color: #a5b9ff;}
.hot-news .new-ul li.on .text a{display: block;position: absolute;right: 0;bottom: 0;}

.new-items{margin-left: -1.5%;margin-bottom: 55px;}
.new-items li{float: left;width: 23.5%;margin-left: 1.5%;margin-bottom: 50px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;position: relative;background-color: #fff;}
.new-items li .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 66.5%;}
.new-items li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.new-items li .text{padding:10px 5px 5px;}
.new-items li .text a{font-size: 18px;color: #333;line-height: 32px;margin-bottom: 18px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 64px;}
.new-items li .text p{overflow: hidden;}
.new-items li .text p span{display: inline-block;font-size: 16px;color: #959595;line-height: 24px;margin-right: 10px;}
.new-items li .text p .time{margin-right: 0;color: #999999;}
.new-items li .text p .on{padding:0 14px;background-color: #4e7dfe;color: #fff;}
.new-items li .text a:hover{color: #ff6d28;}
.new-items li:hover .img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.new-items li:hover{box-shadow: 0px 1px 4px rgba(0,0,0,0.3),0px 0px 20px rgba(0,0,0,0.1) inset;}
.new-items li:hover::before,.new-items li:hover::after{content:"";position:absolute;z-index:-1;bottom:15px;left:10px;width:50%;height:20%;box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);transform:rotate(-3deg);}
.new-items li:hover::after{ right:10px;left:auto;transform:rotate(3deg)}
.news-box .news-list{margin-bottom: 30px;}

/* ======================== 新闻列表 ====================== */

.show-news{margin-top: 60px;margin-bottom: 80px;}
.new-bt{position: relative;padding-bottom: 25px;margin-bottom: 40px;}
.new-bt h2{font-size: 32px;line-height: 42px;color: #333333;font-weight: normal;}
.new-bt span{display: block;font-size: 20px;color: #333333;line-height: 30px;}
.new-bt:after{content:'';width: 240px;height: 1px;background-color: #bfbfc5;position: absolute;left: 0;bottom: 0;}

.show-news li{overflow: hidden;margin-bottom: 40px;}
.show-news li .date{float: left;width: 108px;text-align: center;margin-right: 20px;background-color: #f0f1f5;color: #595b68;padding:35px 0 37px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.show-news li .date strong{display: block;font-size: 40px;line-height: 50px;margin-bottom: 4px;}
.show-news li .date span{display: block;font-size: 20px;line-height: 30px;}
.show-news li .text{overflow: hidden;}
.show-news li .text a{display: block;font-size: 20px;color: #3d3b4c;font-weight: bold;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 3px;}
.show-news li .text p{font-size: 16px;color: #333333;line-height: 28px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 56px;}
.show-news li .text span{display: inline-block;margin-top: 30px;font-size: 16px;line-height: 30px;color: #4d7dff;padding: 0 5px;border:1px solid #4d7dff;}
.show-news li:hover .date{background-color: #4d7dff;color: #fff;}
.show-news li:hover .text a{color: #4d7dff;}

/* ======================== 新闻内页 ====================== */

.new-wrapper{background: url(/images-pc/news-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 95px;}

.new-inner{margin-top: 32px;}
.new-inner h1{font-size: 36px;color: #ffffff;line-height: 46px;margin-bottom: 54px;}
.new-inner>p{font-size: 16px;color: #fff;line-height: 26px;margin-bottom: 15px;}
.new-inner>p span{display: inline-block;margin-right: 20px;padding-left: 20px;}
.new-inner>p .author{background: url(/images-pc/news-icon.png) no-repeat left center;}
.new-inner>p .date{background: url(/images-pc/news-icon1.png) no-repeat left center;}
.new-inner>p .up-date{background: url(/images-pc/news-icon2.png) no-repeat left center;}

.new-inner .show{float: left;width: 73.5%;}
.new-inner .show{padding: 14px 0 14px 20px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);display: inline-block;color: #fff;line-height: 48px;}
.new-inner .show span{display: inline-block;font-size: 16px;}
.new-inner .show strong{display: inline-block;font-size: 18px;margin-right: 24px;}
.new-inner .show em{display: inline-block;font-size: 18px;font-weight: bold;margin-right: 16px;}
.new-inner .show .line-a{display: inline-block;width: 150px;background-color: #fff;color: #FFF;font-weight: bold; -webkit-border-radius: 48px;border-radius: 48px;-webkit-box-shadow: 0 6px 10px rgba(130,40,0,0.3);-moz-box-shadow: 0 6px 10px rgba(130,40,0,0.3);-ms-box-shadow: 0 6px 10px rgba(130,40,0,0.3);-o-box-shadow: 0 6px 10px rgba(130,40,0,0.3);box-shadow: 0 6px 10px rgba(130,40,0,0.3);position: relative;text-align: center;float: right;margin-right: 50px;background: -webkit-linear-gradient(top, #fec7b2 40%,#da511b 60%);background: -moz-linear-gradient(top, #fec7b2 0%, #da511b 100%);background: -ms-linear-gradient(top, #fec7b2 40%,#da511b 60%);background: -o-linear-gradient(top, #fec7b2 40%,#da511b 60%);background: linear-gradient(to bottom, #fec7b2 40%,#da511b 60%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#fec7b2, endColorstr=#da511b, GradientType=0 );z-index: 2;}
.new-inner .show .line-a:before{content: '';position: absolute; left: 4px;top: 4px;right: 4px;bottom: 4px; -webkit-border-radius: 48px;border-radius: 48px;background: -webkit-linear-gradient(top, #ffb390 0%,#ff6d29 100%);background: -moz-linear-gradient(top, #ffb390 0%, #ff6d29 100%);background: -ms-linear-gradient(top, #ffb390 0%,#ff6d29 100%);background: -o-linear-gradient(top, #ffb390 0%,#ff6d29 100%);background: linear-gradient(to bottom, #ffb390 0%,#ff6d29 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffb390, endColorstr=#ff6d29, GradientType=0 );z-index: -1;}
.new-inner .show .line-a:after{content: '';width: 72px;height: 75px;background: url(/images-pc/new-kf.png) no-repeat;position: absolute;left: 40px;top: -75px;}
.new-inner .show .line-a:hover{color: #993407;margin-top: -3px;}

.new-inner .con{float: right;width: 26.5%;color: #fff;padding-left: 30px;margin-top: 5px;}
.new-inner .con strong{display: block;font-size: 16px;line-height: 26px;}
.new-inner .con p{font-size: 16px;line-height: 26px;}

.new-content{background-color: #f0f1f5;}
.news-left{float: left;width: 73.5%;background-color: #fff;padding:40px 100px 32px;margin-bottom: 20px;font-size: 16px;color: #333333;line-height: 32px;}
.news-left p{text-indent: 2em;margin-bottom: 20px;}
.news-left p img, .news-left p video{height: auto;max-width: 800px;margin-left: -2em;}
.news-left p.ms{font-size: 16px;color: #666!important;line-height: 1.5;padding:0 10px 10px;margin-top: -10px;position: relative;margin-bottom: 15px;}
.news-left p.ms:after{content:'';width: 60px;height: 1px;background-color: #ff6d28;position: absolute;left: 50%;margin-left: -1em;bottom: 0;}
.news-left h2,.news-left h3{font-size: 24px;color: #333333;line-height: 34px;padding-left: 64px;position: relative;margin: 20px 0 ;}
.news-left h2:before,.news-left h3:before{content: '';width: 84px;height: 78px;background: url(/images-pc/new-icon.png) no-repeat;position: absolute;top: -16px;left: -14px;}
.news-left p.v-tit{text-indent: 0;margin-bottom: 5px;}
.news-left p span.zx{display: inline-block;padding:0 14px;background:#4f7eff;background: -moz-linear-gradient(left, #4d7dff 0%, #3068ff  100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#3068ff  100%);background: -o-linear-gradient(left, #4d7dff 0%,#3068ff  100%);background: -ms-linear-gradient(left, #4d7dff 0%,#3068ff  100%);background: linear-gradient(to right, #4d7dff 0%,#3068ff  100%);text-indent:0;line-height: 30px;color: #fff;line-height: 30px;border-radius: 4px;margin:0 5px;cursor: pointer;-webkit-transform:translateZ(0);transform:translateZ(0);}
.news-left p span.zx:hover{-webkit-animation-name:pulse-grow;animation-name:pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}
@-webkit-keyframes pulse-grow {
    to {
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
}
@keyframes pulse-grow {
    to {
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
}

.news-left>p a{color: #DA251D;cursor: pointer;padding:0 4px;}
.news-left>p a:hover{text-decoration: underline;}
.news-left table {margin-bottom: 20px;}
.news-left table td {padding: 5px 2px;word-break: break-all;}

.news-pages{padding: 30px 0;border-top: 1px solid #dcdcdc;}
.news-pages p{text-indent: 0;font-size: 16px;color: #666666;line-height: 26px;margin-bottom: 0;padding-left: 20px;color: #666666;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.news-pages p a{display: inline-block;}
.news-pages p.new-prev{margin-bottom: 16px;background: url(/images-pc/new-top.png) no-repeat left center;}
.news-pages p.new-next{background: url(/images-pc/new-bottom.png) no-repeat left center;}
.news-pages p:hover,.news-pages p:hover a{color: #4879ff;}
.news-pages p.new-prev:hover{background: url(/images-pc/new-top1.png) no-repeat left center;}
.news-pages p.new-next:hover{background: url(/images-pc/new-bottom1.png) no-repeat left center;}

.news-right{float: right;width: 22%;margin-top: 40px;}
.news-right strong{display: block;background-color: #ffffff;margin-bottom: 20px;font-size: 20px;color: #1d1e31;font-weight: normal;padding-left: 20px;line-height: 48px;padding-bottom: 4px;position: relative;}
.news-right strong:after{content:'';width: 100%;height: 4px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;bottom: 0;left: 0;}


.side-news{margin-top: 40px;background-color: #fff;padding-bottom: 20px;}
.side-show{padding:0 20px;}
.side-show ul{height: 1000px;overflow-x: hidden;padding-right: 10px;}
.side-show li{border-bottom: 1px solid #F2F2F2;padding-bottom: 10px;margin-bottom: 20px;}
.side-show li .img{display: block;position: relative;padding-top: 66.3%;overflow: hidden;}
.side-show li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.side-show li .tit{display: block;color: #333;font-size: 16px;line-height: 26px;padding: 5px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.side-show ul::-webkit-scrollbar{width: 6px;}
.side-show ul::-webkit-scrollbar-thumb{ border-radius: 6px; background:#ff6d28;background: -moz-linear-gradient(top, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to bottom, #4d7dff 0%,#ff6d28 100%);}
.side-show ul::-webkit-scrollbar-track{background-color: #fff;  background: -webkit-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: -moz-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: -ms-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: -o-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: linear-gradient(to right,#FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);}


/* ======================== 相关新闻 ====================== */

.new-area{padding-top:95px;background:#2b334e;background: -moz-linear-gradient(top, #1d1e31 0%, #2b334e 100%);background: -webkit-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -o-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -ms-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: linear-gradient(to bottom, #1d1e31 0%,#2b334e 100%);padding-bottom: 190px;}
.new-area.sitemap-box{padding-bottom: 20px;margin-bottom: 50px;}

.new-pro {position: relative;margin-top: -170px;margin-bottom: 68px;}
.new-pro .img{display: block;float: left;width: 30%;position: relative;z-index: 1;}
.new-pro .img img{display: block;width: 100%;}
.new-pro .img:after{content: '';position: absolute;top: 10px; left: 10px;width: 100%; height: 100%;background-color: #4d7dff;z-index: -1;}
.new-pro .text{float: right;width: 70%;padding-left: 38px;margin-top: 5px;}
.new-pro .text .tit{display: block;font-size: 28px;color: #fff;line-height: 38px;font-weight: bold;margin-bottom: 20px;}
.new-pro .text .tit:hover{color: #ff6d28;}
.new-pro .text p{color: #fff;margin-bottom: 35px;}
.new-pro .text p span{display: inline-block;font-size: 20px;color: #ffffff;line-height: 30px;padding-left: 12px;position: relative;}
.new-pro .text p span:before{content: '';width: 4px;position: absolute;top: 0; left: 0;bottom: 0;background:#98b4ff;background: -moz-linear-gradient(top, #4d7dff 0%, #98b4ff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#98b4ff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#98b4ff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#98b4ff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#98b4ff 100%);}
.new-pro .text p span:nth-of-type(1){margin-right: 128px;}
.new-pro .text p span:nth-of-type(2):before{background:#ffb490;background: -moz-linear-gradient(top, #ff6d28 0%, #ffb490 100%);background: -webkit-linear-gradient(top, #ff6d28 0%,#ffb490 100%);background: -o-linear-gradient(top, #ff6d28 0%,#ffb490 100%);background: -ms-linear-gradient(top, #ff6d28 0%,#ffb490 100%);background: linear-gradient(to bottom, #ff6d28 0%,#ffb490 100%);}
.new-pro .text .grid{color: #fff;overflow: hidden;margin-bottom: 30px;}
.new-pro .text .grid span{display: block;}
.new-pro .text .grid span:nth-of-type(1){font-size: 18px;color: #9098be;float: left;width: 50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.new-pro .text .grid span:nth-of-type(2){float: right;font-size: 18px;}
.new-pro .text .grid span:nth-of-type(2) strong{font-weight: normal;color: #ff6d28;}
.new-pro .text .grid span:nth-of-type(2) strong em{font-weight: bold;font-size: 28px;}

.new-pro .text .btn{display: inline-block;width: 200px;height: 50px;line-height: 50px;text-align: center;background:#4d7dff;background: -moz-linear-gradient(left, #4d7dff 0%, #4d7dff 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#4d7dff 100%);background: -o-linear-gradient(left, #4d7dff 0%,#4d7dff 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#4d7dff 100%);background: linear-gradient(to right, #4d7dff 0%,#4d7dff 100%);font-size: 18px;color: #fff;font-weight: bold;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-right: 15px;}
.new-pro .text .btn:hover{border-radius: 25px;}
.new-pro .text .qt p{display: inline-block;color: #3f4354;line-height: 50px;}

.grid-tit {margin-bottom: 36px;overflow: hidden;}
.grid-tit em{float: left;font-size: 36px;font-weight: normal;line-height: 46px;display: block;}
.grid-tit a{float: left;font-size: 20px;color: #333333;line-height: 30px;margin-top: 12px;}
.grid-tit a:hover{color: #ff6d28;}
.grid-tit span{float: left;line-height: 46px;font-size: 18px;color: #fff;padding:0 20px;background-color: #575d7a;margin-left: 10px;}

.more-list{margin-bottom: 50px;}

/* ======================== 404 ====================== */

.error-box{padding-top: 186px;text-align: center;padding-bottom: 146px;}
.error-box img{margin-bottom: 50px;}
.btn-box{margin-bottom: 80px;}
.btn-box a{display: inline-block;width: 180px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;margin:0 10px;}
.btn-box .return{background:#3068ff;background: -moz-linear-gradient(top, #4d7dff 0%, #3068ff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#3068ff 100%);}
.btn-box .online{background:#ff5028;background: -moz-linear-gradient(top, #ff7b52 0%, #ff5028 100%);background: -webkit-linear-gradient(top, #ff7b52 0%,#ff5028 100%);background: -o-linear-gradient(top, #ff7b52 0%,#ff5028 100%);background: -ms-linear-gradient(top, #ff7b52 0%,#ff5028 100%);background: linear-gradient(to bottom, #ff7b52 0%,#ff5028 100%);}
.btn-box a:hover{border-radius: 20px;}

.error-pro{max-width: 760px;margin: 0 auto;width: 100%;}
.error-pro ul{overflow: hidden;margin-left: -2%;}
.error-pro li{float: left;width: 31.3%;margin-left: 2%;}
.error-pro li .pic{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;}
.error-pro li .pic img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.error-pro li .tit{display: block;background-color: #f0f1f5;font-size: 18px;color: #333456;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 48px;position: relative;}
.error-pro li .tit:before{content: '';width: 100%;height: 2px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;left: 0;top: 0;}
.error-pro li .tit:hover{color: #ff6d28;}

/* ======================== 售后服务 ====================== */

.fw-top{padding-top: 94px;background:#2b334e;background: -moz-linear-gradient(top, #1d1e31 0%, #2b334e 100%);background: -webkit-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -o-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -ms-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: linear-gradient(to bottom, #1d1e31 0%,#2b334e 100%);}
.fw-top .wrap{position: relative;padding-bottom: 148px;}
.fw-top .base-top{text-align: center;}
.fw-top .base-top p{margin-bottom: 0;line-height: 30px;}
.fw-top .base-top strong{margin-bottom: 15px;}
.fw-top .base-top .btn-online{margin-top: 35px;}
.fw-top .wrap:after{content:'';width: 331px;height: 355px;/*background: url(/images-pc/fw-p.png) no-repeat;*/left: -16px;bottom: 0;position: absolute;}

.fw-one{margin-top: 50px;margin-bottom: 120px;}
.fw-tit{text-align: center;margin-bottom: 40px;}
.fw-tit h2{font-size: 36px;color: #333;line-height: 46px;padding-top:30px;margin-bottom: 40px;position: relative;display: inline-block;}
.fw-tit h2:after{content:'';width: 129px;height:129px;background: url(/images-pc/fw-icon.png) no-repeat;position: absolute;top: 0;left: -40px;z-index: -1;}
.fw-tit p{font-size: 18px;color: #666666;line-height: 36px;}
.fw-one ul{-webkit-box-shadow:0 20px 40px rgba(7,19,57,0.1);-moz-box-shadow:0 20px 40px rgba(7,19,57,0.1);-ms-box-shadow:0 20px 40px rgba(7,19,57,0.1);-o-box-shadow:0 20px 40px rgba(7,19,57,0.1);box-shadow:0 20px 40px rgba(7,19,57,0.1);}
.fw-one li{float: left;width: 25%;}
.fw-one li .text{position: relative;}
.fw-one li .text p{position: absolute;left: 0;top: 50%;font-size: 24px;line-height: 34px;font-weight: bold;color: #1d1e31;width: 100%;text-align: center;transform: -webkit-translateY(-50%);transform: translateY(-50%);padding-bottom: 20px;}
.fw-one li .text p:after{content:'';width: 60px;height:4px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;left: 50%;bottom: 0;margin-left: -30px;}

.fw-two{margin-bottom: 134px;}
.fw-two img{display: block;width:100%}

.fw-three{background-color: #373855;color: #fff;position: relative;margin-bottom: 110px;}
.fw-three .col-l{float: left;width: 37%;padding: 94px 0;position: relative;z-index: 1;}
.fw-three .col-l strong{display: block;font-size: 40px;font-weight: normal;line-height: 50px;}
.fw-three .col-l p{font-size: 18px;line-height: 28px;}
.fw-three .col-r{float: right;width:63%;padding-left: 104px;padding-top: 52px;}
.fw-three .col-r span{display: block;float: left;width: 33.3%;font-size: 32px;font-weight: bold;line-height: 56px;margin-bottom: 40px;}
.fw-three .col-r span i{display: inline-block;font-size: 56px;font-family: "Impact";margin-right: 8px;color: #4d7dff;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff6d28), to(#4d7dff));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.fw-three:after{content: '';width: 783px;position: absolute;top: 0; left: 0;bottom: 0;background: url(/images-pc/fw-bg.png) no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}

.fw-four ul{overflow: hidden;}
.fw-four li{float: left;width: 25%;}
.fw-four li img{display: block;width: 100%;}

/* ======================== 联系我们 ====================== */

.contact-top{padding-top: 95px;position: relative;padding-bottom: 45px;}
.contact-top>img{display: block;position: absolute;top: 0; left: 0;width: 100%; z-index: -1;}


.lx-left{width: 560px;color: #fff;float: left;margin-top: 64px;}
.lx-left>strong{display: block;font-size: 40px;font-weight: normal;line-height: 50px;}
.lx-left .p1{font-size: 16px;line-height: 30px;margin-bottom: 56px;}
.lx-left .p2{padding-left: 24px;font-size: 18px;line-height: 28px;margin-bottom: 20px;background: url(/images-pc/lx-icon.png) no-repeat left center;}
.lx-left .p2 strong{font-size: 28px;}
.lx-left .p3{padding-left: 24px;font-size: 18px;line-height: 28px;background: url(/images-pc/lx-icon1.png) no-repeat left center;margin-bottom: 40px;}
.lx-left .p3 span{font-size: 20px;}

.lx-right{width: 470px;float: right;margin-top: 174px;position: relative;margin-right: 30px;z-index: 1;-webkit-box-shadow: 0 0 30px rgba(0,37,156,0.2);-moz-box-shadow: 0 0 30px rgba(0,37,156,0.2);-ms-box-shadow: 0 0 30px rgba(0,37,156,0.2);-o-box-shadow: 0 0 30px rgba(0,37,156,0.2);box-shadow: 0 0 30px rgba(0,37,156,0.2);border-radius: 10px;}
.lx-right .msg-btn input{position: static;}
.lx-right .lx-con{background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);padding:35px 40px 33px;border-radius: 10px 10px 0 0;}
.lx-right .lx-con strong{display: block;font-size: 32px;color: #fff;line-height: 42px;margin-bottom: 2px;}
.lx-right .lx-con  p{font-size: 16px;color: #fff;line-height: 26px;}
.lx-right form{padding:30px 40px 40px;background-color: #fff;border-radius: 0 0 10px 10px;}
.lx-right li{float: left;background-color: #f0f1f5;margin-bottom: 20px;padding:10px;position: relative;width: 100%;border-radius: 4px;}
.lx-right li input,.lx-right li textarea{background-color: transparent;width: 100%;font-size: 16px;color: #999999;line-height: 36px; font-family: 'AlibabaPuHuiTi-2-65-Medium';;}
.lx-right li input{padding-left: 30px;padding-right: 16px;height: 36px;}
.lx-right li img{position: absolute;left: 20px;top: 20px;}
.lx-right li textarea{height: 134px;}

.lx-right li i{position: absolute;font-size: 16px;color: #ff0000;top: 16px;right: 20px;}
.lx-right .msg-btn{text-align: center;position: static;}
.lx-right:after{content:'';position: absolute;top: 32px; left: 30px;width: 100%; height: 100%;background-color: #4d7dff;z-index: -1;border-radius: 10px}

.contact-box{margin-top: 130px;position: relative;}
.contact-box .text{padding-left: 41%;position: relative;}
.contact-box .text h3{font-size: 40px;color: #333333;line-height: 50px;text-align: center;font-weight: normal;margin-bottom: 6px;}
.contact-box .text>p{font-size: 24px;color: #5b688b;line-height: 34px;text-align: center;margin-bottom: 38px;}
.fw-ul{padding:76px 0 38px;margin-left: -2%;}
.fw-ul li{width: 48%;float: left;margin-left: 2%;background-color: #fff;border-radius: 10px;-webkit-box-shadow:0 10px 40px rgba(0,34,146,0.2);-moz-box-shadow:0 10px 40px rgba(0,34,146,0.2);-ms-box-shadow:0 10px 40px rgba(0,34,146,0.2);-o-box-shadow:0 10px 40px rgba(0,34,146,0.2);box-shadow:0 10px 40px rgba(0,34,146,0.2);margin-bottom: 30px;padding:35px 0 32px 20px;}
.fw-ul li img{float: left;margin-right: 20px;}
.fw-ul li .con{overflow: hidden;}
.fw-ul li .con span{display: block;font-size: 28px;color: #172236;line-height: 38px;}
.fw-ul li .con p{font-size: 18px;color: #606f87;line-height: 28px;}
.contact-box:after{content: '';width:100%;height:450px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;left: 0;bottom: 0;z-index: -1;}
.contact-box .text:before{content:'';width: 438px;height: 771px;position: absolute;bottom:-63px;left: 0;}

#allmap{height: 500px;}
#map{height:100%;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#allmap *{
    box-sizing: content-box;
    max-width: none;
}
.BMapLib_sendToPhone{display: none;}
/* ======================== 关于我们 ====================== */

.about-top{padding-top: 95px;background: url(/images-pc/about-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;overflow: hidden;margin-bottom: 118px;}
.about-top .base-top{margin-bottom: 190px;}
.about-con{width: 75%;margin-left: 25%;background-color: #f4f4f4;padding:25px 54px 32px 214px;position: relative;}
.about-con strong{display: block;font-size: 20px;line-height: 30px;}
.play-btn{width: 218px;height: 156px;background-color: #4678ff;text-align: center;position: absolute;left: -40px;top: -56px;cursor: pointer;padding-top: 50px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.play-btn p{font-size: 14px;color: #fff;line-height: 24px;margin-top: 10px;}
.play-btn:hover{background-color: #ff6d28;}


.pop-video{position: fixed;width: 100%;height: 100%;left: 0;top:-100%;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;z-index: 9999;opacity: 0;filter: alpha(opacity=0);}
.pop-video .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.pop-video .close{position: absolute;right: 20px;top: 20px;width: 50px;height: 50px;background: url(/images-pc/close.png) center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;cursor: pointer;}
.pop-video video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);max-width: 90%;}
.pop-video.open{top:0;opacity: 1; filter: alpha(opacity=100);}


.about-box{margin-bottom: 190px;}
.about-box .col-l{float: left;width: 42.5%;}
.about-box .col-r{float: right;width: 52%;padding-right: 20px;}
.about-box .col-r .pic{position: relative;}
.about-box .col-r img{display: block;width: 100%;}
.about-box .col-r .pic:after{content: '';position: absolute;top: 20px; left: 20px;width: 100%; height: 100%;background-color: #32344b;z-index: -1;}

.about-tit{text-align: center;margin-bottom: 20px;}
.about-tit h2{font-size: 40px;font-weight: normal;color: #333333;line-height: 50px;}
.about-tit span{display: inline-block;font-size: 20px;line-height: 30px;text-transform: uppercase;letter-spacing: 20px;color: #4d7dff;background-image: -webkit-gradient(linear, 0 0, right 0, from(#4d7dff), to(#ff6d28));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}

.about-box .col-l>p{text-align: center;font-size: 16px;color: #666666;line-height: 32px;}
.num-ul{overflow: hidden;margin-top: 68px;}
.num-ul li{width: 50%;float: left;padding-left: 60px;position: relative;}
.num-ul li strong{display: block;font-size: 64px;color: #4d7dff;line-height: 65px;font-family: "Impact";}
.num-ul li strong i{font-size: 24px;color: #ff6d28;}
.num-ul li p{font-size: 18px;color: #333333;line-height: 28px;margin-top: -16px;}
.num-ul li:nth-of-type(1):after{content:'';width: 1px;height: 40px;background-color: #e5e5e5;position: absolute;right: 0;top: 24px;}

.about-box1 {margin-bottom:122px;}
.about-box1 .content{margin-top: 40px;}
.about-box1 .col-l{float: left;width: 59%;}
.about-box1 .col-l .img{position: relative;padding-left: 20px;margin-bottom: 62px;}
.about-box1 .col-l .img img{display: block;width: 100%;}
.about-box1 .col-l .img:after{content:'';position: absolute;top: 20px; left:0;width: 98%; height: 100%;background-color: #32344b;z-index: -1;}
.about-box1 .col-l p{font-size: 16px;color: #666666;line-height: 32px;padding:0 65px 0 62px;}
.about-box1 .col-r{float: right;width: 36%;}
.about-box1 .num-ul{margin-bottom: 58px;}
.about-box1 .num-ul li{padding-left: 0;width: auto;}
.about-box1 .num-ul li:nth-of-type(1){padding-right: 42px;}
.about-box1 .num-ul li:nth-of-type(2){padding-left:48px}
.about-box1 .col-r .img{padding-right: 20px;position: relative;}
.about-box1 .col-r .img img{display: block;width: 100%;}
.about-box1 .col-r .img:after{content:'';position: absolute;top: 20px; right:0;width: 96%; height: 100%;background-color: #32344b;z-index: -1;}

.about-box2{margin-bottom: 158px;}
.about-box2 .about-pro{float: left;width: 50%;}
.about-pro li{float: left;width: 210px;height: 243px;background: url(/images-pc/about-bk.png) no-repeat;text-align: center;margin-left: 24px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.about-pro li p{font-size: 20px;color: #1c2032;line-height: 30px;}
.about-pro li.pro1{margin-left: 0;padding-top: 58px;}
.about-pro li.pro1 .pic{margin-bottom: 10px;}
.about-pro li.pro2{padding-top: 55px;}
.about-pro li.pro2 .pic{margin-bottom: 8px;}
.about-pro li.pro3{padding-top: 40px;}
.about-pro li.pro3 .pic{margin-bottom: 8px;}
.about-pro li.pro4{margin-left: 118px;padding-top: 46px;}
.about-pro li.pro4 .pic{margin-bottom: 18px;}
.about-pro li.pro5{padding-top: 62px;}
.about-pro li.pro5 .pic{margin-bottom: 14px;}
.about-pro li.pro4,.about-pro li.pro5{position: relative;margin-top: -40px;}
.about-pro li:hover{background: url(/images-pc/about-bk1.png) no-repeat;}
.about-box2 .col-r{float: right;width: 50%;padding-left: 100px;}
.about-box2 .col-r>p{text-align: center;font-size: 16px;color: #666666;line-height: 32px;}
.about-box2 .num-ul li{width: 50%;}
.about-box2 .num-ul li:nth-of-type(1){padding-left: 136px;}
.about-box2 .num-ul li:nth-of-type(2){padding-left: 84px;}

.about-box3{margin-bottom: 120px;}
.about-box3 .col-l{float: left;width: 38%;}
.about-box3 .col-l>p{text-align: center;font-size: 16px;color: #666666;line-height: 32px;}
.about-box3 .col-l .num-ul{margin-top: 26px;}
.about-box3 .pic{float: right;width: 65%;position: relative;margin-right: -9%;}
.about-box3 .pic img{display: block;width: 100%;}

.about-box4{background:#393b60;background: -moz-linear-gradient(top, #282943 0%, #393b60 100%);background: -webkit-linear-gradient(top, #282943 0%,#393b60 100%);background: -o-linear-gradient(top, #282943 0%,#393b60 100%);background: -ms-linear-gradient(top, #282943 0%,#393b60 100%);background: linear-gradient(to bottom, #282943 0%,#393b60 100%);padding:96px 51px 76px;}

.about-box4 ul{overflow: hidden;margin-bottom: 20px;}
.about-box4 li{padding:0 10px;float: left;width: 16.6%;}
.text-ul li.txt{width: 66.4%;text-align: center;color: #fff;padding-top: 15px;}
.text-ul li.txt strong{display: inline-block;font-size: 40px;line-height: 50px;font-weight: normal;margin-bottom: 6px;}
.text-ul li.txt p{font-size: 20px;color: #d4d5ee;line-height: 30px;margin-bottom: 12px;}

/* ============== 内页里面的样式 ================== */

.news-left p em.news-spot,.main-content p em.news-spot{display: inline-block;width: 14px;height: 18px;margin-right: 8px;vertical-align: middle;}
.spot-icon01{background: url(/images/newsSpot01.png) no-repeat left top;-webkit-background-size: 14px 18px;background-size: 14px 18px;}
.news-left p em.news-mark,.main-content p em.news-mark{display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:middle;}
.mark-icon01{background: url(/images/newsIcon01.png) no-repeat left top;-webkit-background-size:18px;background-size:18px;}
.mark-icon02{background: url(/images/newsIcon02.png) no-repeat left top;-webkit-background-size:18px;background-size:18px;}
.mark-icon03{background: url(/images/newsIcon03.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;}
.mark-icon04{background: url(/images/newsIcon04.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;}
.mark-icon05{background: url(/images/newsIcon05.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;}
.mark-icon06{background: url(/images/newsIcon06.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;}
.mark-icon07{background: url(/images/newsIcon07.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;}
.mark-icon08{background: url(/images/newsIcon08.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;}
.mark-icon09{background: url(/images/newsIcon09.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;}
.news-left p em.news-title,.main-content p em.news-title{display:inline-block;width:24px;height:24px;margin-right:8px;vertical-align:middle;}
.title-icon01{background: url(/images/newsTit01.png) no-repeat left top;-webkit-background-size:24px;background-size:24px;}

/* ================== 新增产品图片 ==================== */

.show-slick {margin: 40px 0;}
.show-slick .slick-slider{outline: none;}
.show-slick .slick-slider img{display: block;width: 100%;height: auto;}
.show-slick .slick-info{margin-bottom: 10px;} 
.show-slick .slick-nav{background-color: #373953;position: relative;padding:13px 250px 13px 9px;}
.slick-nav:after{content:'';position: absolute;top: 0;bottom: 0;right: 0;width: 240px;background: url(/images-pc/xz-slick.png) no-repeat left center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.slick-nav .slick-slider{padding:0 9px;}
.slick-nav .slick-arrow{border:none;outline: none;width: 70px;height: 70px;position: absolute;font-size: 0;z-index: 1;cursor: pointer;top: 34px;border-radius: 50%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.slick-nav .slick-current .img{border: 4px solid #ff6d28;}
.slick-nav .slick-prev{background: url(/images-pc/xz-prev.png) no-repeat center;right: 120px;}
.slick-nav .slick-next{background: url(/images-pc/xz-next.png) no-repeat center;right: 34px;}
.slick-nav .slick-arrow:hover{box-shadow:0px 12px 8px -12px #000;}
/* ================== 问答列表 ==================== */
.answer-ban{background: url(/images-pc/answer-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 95px;}
.answer-ban .wrap{position: relative;padding-bottom: 249px;}
.cp-area{position: absolute;bottom: -100px;width: 100%;}
.cp-area .img{display: block;float: left;width: 38%;padding: 20px 0 0 20px;position: relative;z-index: 1;}
.cp-area .img:after{content:'';position: absolute;left: 0;top: 0;right: 20px;bottom: 20px;background-color: #32344b;z-index: -1;}
.cp-area .text{padding-left: 160px;float: left;width: 62%;color: #fff;margin-top: 100px;}
.cp-area .text h1{font-size: 38px;color: #ffffff;line-height: 48px;margin-bottom: 10px;}
.cp-area .text h1 a{color: #fff;}
.cp-area .text p{font-size: 18px;line-height: 28px;margin-bottom: 58px;}
.cp-area .text span{display: block;font-size: 20px;color: #a4a7b3;line-height: 30px;}

.answer-wrap{background-color: #eceef5;padding-top: 140px;padding-bottom: 60px;}
.answer-wrap .question-list li{padding:44px 40px;margin-bottom: 40px;}
.answer-wrap .question-list li p{font-size: 20px;}
.answer-wrap .question-list li p.two{font-size: 18px;}
.answer-wrap .question-list li p.one{margin-bottom: 18px;}
.answer-wrap .pager-box{margin-bottom: 0;margin-top: 58px;}
/* ================== 右侧悬浮窗口 ==================== */

.fixed-swt{width: 384px;position: fixed;bottom: -100%;right: 0;z-index: 99991;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.fix-colse{width: 75px;height: 30px;position: absolute;right: 4px;top: 10px;cursor: pointer;display: block;background: url(/images-pc/close-swt.png) no-repeat center;}
.fixed-swt.open{bottom: 0;}

.chat-btn{position: fixed;right: 60px;width: 50px;height: 50px;bottom: 100px;border-radius: 50%;background: url(/images-pc/icon-chact.png) no-repeat center #3498db;background-size: 24px;cursor: pointer;display: none;z-index: 9999;}
.chat-btn i{display: block;width: 12px;height: 12px;background-color: #fd4c4c;border-radius: 50%;position: absolute;top: 0;left: 0;}

/* ============== 内页里面的样式end ================== */

@media screen and (min-width: 2000px){
    .case-wrapper{padding-right: 34.3%;}
    .case-wrapper .case-lc{right: 25%;}
    .lx-right{margin-top: 360px;}
    .pro-wrapper:after{width: 933px;}
    .detail-nav{padding-right: 21%;}
    .detail-nav ul{padding-left: 46%;}
    .fw-three:after{width: 990px;}
    .pro-top{padding-bottom: 230px;}
    .case-top{padding-bottom: 194px;}
}

@media screen and (max-width: 1800px){
    .about-box3 .pic{width: 58%;margin-right: 0;}
    .case-wrapper .case-lc{right: 9%;top: 100px;}
    .case-wrapper{padding-right: 25.05%;}
    .lx-right{margin-top: 100px;}
    .lx-left{margin-top: 40px;}
    .lx-left .p1{margin-bottom: 32px;}
    .pro-wrapper:after{width: 589px;}
    .fw-three:after{-webkit-background-size: 88% 100%;-moz-background-size: 88% 100%;-ms-background-size: 88% 100%;-o-background-size: 88% 100%;background-size: 88% 100%;}
    .index-goods .content{right: 2.6%;}
}

@media screen and (max-width: 1599px){
    .index-goods .content{width: 660px;}
    .case-wrapper .case-lc{right: 5%;}
    .case-wrapper{padding-right: 22.3%;}
    .con-ul li.info{padding: 10px 0;padding-left: 42px;}
    .con-ul li.case-h{padding: 19px 0;}
    .con-ul li.case-le{padding:0 0;} 
    .con-ul li.case-h h1{font-size: 30px;line-height: 40px;}
    .btn-price{padding: 20px 40px;}
    .case-wrapper .case-lc li p{line-height: 38px;}
 
    .fw-three:after{-webkit-background-size: 78% 100%;-moz-background-size: 78% 100%;-ms-background-size: 78% 100%;-o-background-size: 78% 100%;background-size: 78% 100%;}
    .img-box .box1{top: 192px;margin-left: -339px;}
    .img-box .box2{top: 97px;margin-left: -105px;}
    .img-box .box3{top: 230px;margin-left: 118px;}
    .img-box .box4{top: 210px;margin-left: 310px;}
    .img-box .box5{bottom: 70px;margin-left: -184px;}
    .detail-nav ul{padding-left: 42%;}
    .detail-nav{padding-right: 3%;}
}

@media screen and (max-width: 1439px){
    .pro-wrapper:after{width: 557px;}
    .col-text .get-price{width: 158px;}
    .new-inner .show strong{margin-right: 4px;}
    .new-inner .show em{margin-right: 0;}
    .hot-pro li{max-height: 578px;}
    .lx-right{margin-top: 30px;}
    .lx-left{margin-top: 18px;width: 610px;}
    .lx-left .p1 br{display: none;}
    .lx-left .p1{margin-bottom: 24px;}
    .lx-left .p2{margin-bottom: 10px;}
    .case-wrapper{padding-right: 21.8%;}
    .case-wrapper .case-lc li p{line-height: 34px;}
    .case-wrapper .case-lc{padding-top: 14px;}
    .about-pro li{width: 200px;height: 232px;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
    .about-pro li.pro4{margin-left: 112px;}
    .about-con{padding: 25px 40px 32px 214px;}
    .index-case li>div{height: 268px;}
    .index-case li .text{padding: 38px 30px 0;}
    .pro-inner .col-text ul{margin-top: 30px;}
    .header .head-btn{padding-left: 12px;padding-right: 20px;width: 25%;}
    .head-btn span{width: 108px;}
}
@media screen and (max-width: 1359px){
    .header .head-tel{width: 18%;}
    .about-box1 .num-ul li:nth-of-type(1){padding-right: 30px;}
    .about-box2 .about-pro{width: 54%;}
    .about-box2 .col-r{width: 46%;padding-left: 0;}
    .num-ul li{padding-left: 50px;}
    .about-box4 li{padding: 0 5px;}
    .text-ul li.txt strong{font-size: 30px;line-height: 40px;}
    .text-ul li.txt p{font-size: 16px;line-height: 18px;}
    .text-ul .btn-online{line-height: 35px;}
    .about-box4 ul{margin-bottom: 10px;}
    .img-box .box1{top: 170px;margin-left: -286px;}
    .img-box .box2{top: 88px;margin-left: -92px;}
    .img-box .box3{top: 194px;margin-left: 100px;}
    .img-box .box4{top: 190px;margin-left: 286px;}
    .img-box .box5{bottom: 52px;margin-left: -164px;}
    .index-case li>div{height: 253px;}
    .btn-price{padding: 12px 20px;}
    .btn-price:after{top: 36px;}
    .con-ul li.case-h{padding: 12px 0;}
    .con-ul li.case-h h1{font-size: 20px;line-height: 30px;padding-left: 14px;}
    .con-ul li.info p{font-size: 18px;line-height: 26px;}
    .con-ul li.info strong{font-size: 18px;line-height: 26px;}
    .btn-price strong,.btn-price span{font-size: 18px;line-height: 28px;}
    .con-ul li.info{padding: 10px 0 0;padding-left: 35px;}
    .con-ul{padding: 6px 0;}
    .btn-price{padding: 9px 20px;}
    .case-wrapper .case-lc li p{font-size: 14px;}
    .case-wrapper .case-lc li span{font-size: 14px;line-height: 20px;top: -12px;}
    .hot-news .new-ul li{padding: 18px 30px;}
    .msg-content .col-r span{font-size: 16px;}
    .pro-tel{margin: -38px 46px 40px;}
    .case-ul li .text{padding: 0 50px 0 20px;}
    .col-text .get-tel{margin-left: 10px;}
    .pro-inner .col-text ul{margin-top: 20px;}
    .pro-wrapper:after{width: 524px;}
    .fw-three:after{-webkit-background-size: 70% 100%;-moz-background-size: 70% 100%;-ms-background-size: 70% 100%;-o-background-size: 70% 100%;background-size: 70% 100%;}
    .hot-pro li{max-height: 542px;}
    .new-inner .show em{display: none;}
    .new-inner .show .line-a{float: right;margin-right: 10px;}
    .new-items li .text p span{margin-right: 6px;}
    .msg-content .col-r strong{font-size: 26px;}
    .header .head-btn{width: 12%;}
    .head-btn p{display: none;}
    .header .nav li{margin: 0 18px;}
    
}
@media screen and (max-width: 1279px)  and (min-width: 1000px){
    .header .nav li{margin:0 12px;}
    .header .head-btn:before{display: none;}
    .header .logo{width: 180px;}
    .header .head-tel{width: 20%;padding: 13px 0 13px 10px;}
    .index-slick{height: 346px;}
    .index-slick .text{margin-top: 50px;}
    .index-slick .text .p2{font-size: 50px;line-height: 60px;}
    .index-slick .text .p3{font-size: 18px;}
    .index-slick .text li strong{font-size: 24px;}
    .index-wrapper .item i{font-size: 30px;}
    .index-wrapper .qt .fl{padding-top: 18px;}
    .index-wrapper .qt .fl span{font-size: 16px;}
    .index-wrapper .qt .fl p{font-size: 20px;}
    .index-wrapper .qt .zx-btn{line-height: 100px;}
    .index-wrapper:after{height: 100px;}
    .index-wrapper .item{line-height: 64px;}
    .index-goods .content{margin-left: 34%;}
    .news-list li a{width: 76%;}
    .link-box ul{width: 77%;}
    .play-btn{width: 178px;height: 140px;padding-top: 40px;top: -40px;}
    .about-con{padding: 25px 20px 32px 160px;}
    .about-tit h2{font-size: 30px;line-height: 40px;}
    .num-ul li{padding-left: 20px;}
    .num-ul li strong{font-size: 50px;}
    .num-ul li p{font-size: 16px;}
    .about-box1 .num-ul li:nth-of-type(1){padding-right: 10px;}
    .about-box1 .col-r{width: 39%;}
    .about-box1 .col-l p{padding: 0 40px 0 36px;}
    .about-box1{margin-bottom: 140px;}
    .about-box2 .num-ul li:nth-of-type(1){padding-left: 80px;}
    .about-pro li{width: 152px;height: 175px;}
    .about-pro li .pic img{width: 48%;}
    .about-pro li.pro1 img{width: 80%}
    .about-pro li.pro2 img{width: 58%;}
    .about-pro li.pro3 img{width: 38%;}
    .about-pro li.pro4 img{width: 54%;}
    .about-pro li.pro5 img{width: 68%;}
    .about-pro li.pro1{padding-top: 32px;}
    .about-pro li.pro2{padding-top: 28px;}
    .about-pro li.pro3{padding-top: 28px;}
    .about-pro li.pro5{padding-top: 42px;}
    .about-pro li.pro4{margin-left: 86px;padding-top: 36px;}
    .about-pro li.pro4, .about-pro li.pro5{margin-top: -26px;}
    .text-ul li.txt strong{font-size: 24px;line-height: 34px;margin-bottom: 0;}
    .text-ul li.txt p{font-size: 14px;}
    .text-ul .btn-online{font-size: 14px;line-height: 26px;}
    .pro-tel{font-size: 16px;margin: -38px 15px 40px;}
    .fw-top .wrap:after{display: none;}
    .fw-three:after{-webkit-background-size: 58% 100%;-moz-background-size: 58% 100%;-ms-background-size: 58% 100%;-o-background-size: 58% 100%;background-size: 58% 100%;}
    .fw-three .col-r span{font-size: 26px;}
    .fw-three .col-r span i{font-size: 42px;}
    .show-msg .wrap:after{display: none;}
    .msg-content .col-r{padding-right: 5%;}
    .msg-btn p{font-size: 16px;padding-left: 0;}
    .msg-btn input{width: 140px;}
    .pro-wrapper:after{width: 420px;}
    .pro-inner .col-img{width: 52%;}
    .pro-inner .col-text{width: 48%;padding-left: 20px;padding-bottom: 20px;}
    .col-text .get-price{width: 120px;}
    .col-text .get-qt{margin-left: 10px;}
    .pro-inner .col-text .info:nth-of-type(2){margin-bottom: 18px;}
    .pro-inner .col-text .info:nth-of-type(1){margin-bottom: 16px;}
    .pro-inner .col-text h1{font-size: 32px;margin-bottom: 18px;}
    .detail-nav li a{line-height: 58px;}
    .new-pro .text .grid span:nth-of-type(2){font-size: 16px;}
    .new-pro .text .grid span:nth-of-type(2) strong em{font-size: 20px;}
    .new-pro .text .grid span:nth-of-type(1){font-size: 16px;}
    .lx-left{width: 462px;}
    .lx-right{width: 420px;}
    .lx-right form{padding: 30px 20px 40px;}
    .case-wrapper .case-lc{width: 168px;right: 4%;}
    .case-wrapper .case-lc li{margin-bottom: 12px;}
    .case-mian{position: relative;width: 128%;}
    .case-qt{padding: 90px 0 10px;}
    .case-qt p{padding-right: 230px;}
    .btn-price:after{right: 6px;}
    .lx-left{margin-top: 0;}
    .lx-left .p1{margin-bottom: 5px;}
    .lx-left .p2 strong{font-size: 20px}
    .lx-left>strong{font-size: 32px;}
    .lx-left .p1{font-size: 14px;line-height: 24px;}
    .lx-left .p2{margin-bottom: 0;}
    .lx-left .p3,.lx-left .p2{font-size: 14px;}
    .lx-left .p3 span{font-size: 16px;}
    .fw-ul li img{margin-right: 5px;}
    .contact-box .text:before{left: -35px;}
    .fw-ul li{padding: 35px 0 32px 10px;}
    .fw-ul li .con p{font-size: 15px;}
    .base-new .show{padding: 18px 10px;}
    .base-new .show strong{font-size: 20px;margin-right: 4px;}
    .base-new .show em{margin-right: 6px;font-size: 16px;}

    .slick-nav .slick-arrow{top: 10px;}
    .new-inner .show .line-a{display: none;}
    .news-left p img, .news-left p video{width: 100%;}
}

@media \0screen{
    .img-box .box span:before{margin-top: -4px;}
    .img-box .box span:after{margin-left: -4px;}
}

.year-foot{position: fixed;bottom: 0;left: 0;right: 0;z-index: 9999;}
.year-foot .year-bpic{cursor: pointer;}
.year-foot .year-bpic img{width: 100%;height: auto;}
.year-close{position: absolute;right: 18px;bottom: 140px;cursor: pointer;}



@media screen and (max-width: 768px){
    .title-h2 h2,.title-h2 h1{ font-size: 24px; }
    .title-h2 p{ font-size: 16px; }
    .index-wrapper1 .img-box{ margin-top:0; }
    .hot-pro li.col-pro .text .tit{ font-size: 18px; }
    .hot-pro li.col-pro .text p{ font-size: 14px; }
    .hot-pro li.col-pro .text .btn-more{ padding:0 4px; font-size:14px; }
    .hot-pro .col-pro .text .tit{ font-size: 18px; }
    .hot-pro .col-pro .text p{ font-size: 14px; }
}